diff --git a/webpack.config.js b/webpack.config.js index 7f3582b..2c4fb46 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -1,6 +1,7 @@ const HtmlWebPackPlugin = require('html-webpack-plugin'); module.exports = { + mode: 'development', resolve: { extensions: ['.js', '.jsx'] }, diff --git a/webpack.config.prod.js b/webpack.config.prod.js index 6783de9..e6c418e 100644 --- a/webpack.config.prod.js +++ b/webpack.config.prod.js @@ -3,73 +3,70 @@ const webpack = require('webpack'); const path = require('path'); const WorkboxWebpackPlugin = require('workbox-webpack-plugin'); -module.exports = env => { - const mode = env.mode ? env.mode : "production"; - return { - mode, - entry: { - main: './src/index.js' - }, - output: { - filename: '[name].[chunkhash].js', - chunkFilename: '[name].[chunkhash].bundle.js', - path: path.resolve(__dirname, 'dist'), - }, - resolve: { - extensions: ['.js', '.jsx'] - }, - plugins: [ - new webpack.HashedModuleIdsPlugin(), - new HtmlWebpackPlugin({ - template: './index.html', - minify: { collapseWhitespace: true, removeCommecnts: true }, - inject: false - }), - new WorkboxWebpackPlugin.InjectManifest({ - swSrc: './src/src-sw.js', - swDest: 'sw.js' - }) - ], - devtool: "source-map", - module: { - rules: [ - { - test: /\.(js|jsx)$/, - exclude: /node_modules/, - use: { - loader: 'babel-loader' - } - }, - { - test: /\.scss$/, - use: [ - { - loader: 'style-loader' - }, - { - loader: 'css-loader', - options: { - importLoaders: 1 - } - }, - { - loader: 'postcss-loader' - } - ] - }, - { - test: /\.css$/, - use: ['style-loader', 'css-loader'] - }, - { - test: /\.(png|jpg|svg|woff|woff2)?(\?v=\d+.\d+.\d+)?$/, - loader: 'url-loader?limit=25000' - }, - { - test: /\.(eot|ttf)$/, - loader: 'file-loader' +module.exports = { + mode: 'production', + entry: { + main: './src/index.js' + }, + output: { + filename: '[name].[chunkhash].js', + chunkFilename: '[name].[chunkhash].bundle.js', + path: path.resolve(__dirname, 'dist'), + }, + resolve: { + extensions: ['.js', '.jsx'] + }, + plugins: [ + new webpack.HashedModuleIdsPlugin(), + new HtmlWebpackPlugin({ + template: './index.html', + minify: { collapseWhitespace: true, removeCommecnts: true }, + inject: false + }), + new WorkboxWebpackPlugin.InjectManifest({ + swSrc: './src/src-sw.js', + swDest: 'sw.js' + }) + ], + devtool: "source-map", + module: { + rules: [ + { + test: /\.(js|jsx)$/, + exclude: /node_modules/, + use: { + loader: 'babel-loader' } - ] - } - }; + }, + { + test: /\.scss$/, + use: [ + { + loader: 'style-loader' + }, + { + loader: 'css-loader', + options: { + importLoaders: 1 + } + }, + { + loader: 'postcss-loader' + } + ] + }, + { + test: /\.css$/, + use: ['style-loader', 'css-loader'] + }, + { + test: /\.(png|jpg|svg|woff|woff2)?(\?v=\d+.\d+.\d+)?$/, + loader: 'url-loader?limit=25000' + }, + { + test: /\.(eot|ttf)$/, + loader: 'file-loader' + } + ] + } };