Skip to content

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

@dealmakerai

Description

@dealmakerai

#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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions