I followed steps from article to run bolierplate code but faced below issue in webpack.config.js file due to version issue
cross-env NODE_ENV=development webpack-dev-server --open
reactapp/webpack.config.js:14
module.exports = webpackMerge(common, envConfig);
^
TypeError: webpackMerge is not a function
Solution to it I found :
webpack.config.js
require('@babel/register');
const {merge} = require('webpack-merge');
const common = require('./config/webpack/webpack.common.babel');
const envs = {
development: 'dev',
production: 'prod'
};
/* eslint-disable global-require,import/no-dynamic-require */
const env = envs[process.env.NODE_ENV || 'development'];
const envConfig = require(./config/webpack/webpack.${env}.babel);
module.exports = merge(common, envConfig);
I followed steps from article to run bolierplate code but faced below issue in webpack.config.js file due to version issue
TypeError: webpackMerge is not a function
Solution to it I found :
webpack.config.js
require('@babel/register');
const {merge} = require('webpack-merge');
const common = require('./config/webpack/webpack.common.babel');
const envs = {
development: 'dev',
production: 'prod'
};
/* eslint-disable global-require,import/no-dynamic-require */
const env = envs[process.env.NODE_ENV || 'development'];
const envConfig = require(
./config/webpack/webpack.${env}.babel);module.exports = merge(common, envConfig);