isomorphic-react icon indicating copy to clipboard operation
isomorphic-react copied to clipboard

Fix/Change - HMR & node_ENV++: webpack.config.dev.babel.js

Open dealmakerai opened this issue 3 years ago • 0 comments

#1: webpack.config.dev.babel.js

module.exports = { /** * The scripts in entry are combined in order to create our bundle */ mode: 'development', entry: [ 'webpack-hot-middleware/client?reload=true', 'babel-regenerator-runtime', path.resolve(__dirname, 'src') ], output: { path: path.resolve(__dirname, 'public'), filename: 'bundle.js', publicPath: '/' },

.....

##2: webpack.config.dev.babel.js

plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NamedModulesPlugin(),
    new webpack.DefinePlugin({
        'process.env': {
            NODE_ENV: JSON.stringify('development'),
            WEBPACK: true
        }
    }),

###3: package.json/terminal install

npm install terser-webpack-plugin@^4 --save-dev npm i webpack@^4 uglifyjs-webpack-plugin@^2

dealmakerai avatar Nov 10 '21 12:11 dealmakerai