webpack4.27配置react

2018-12-20  本文已影响0人  马贞晓

webpack4.27在很多地方进行了改动,造成按照常规配置出现各种报错,总结配置如下

1、使用 @babel/core @babel/preset-env 转码es5

npm install -D babel-loader @babel/core @babel/preset-env webpack

发现各种报错,然后翻看原因为缺少文件@babel/runtime,安装之后成功。

配置如下:

@babel/transform-runtime 如果需要自己安装,非必须。

 {
                test: /\.js$/,
                exclude: /(node_modules|bower_components)/,
                use: {
                    loader: 'babel-loader',
                    options: {
                      presets: ['@babel/preset-env',"@babel/preset-react"],
                      plugins: ['@babel/transform-runtime']
                    }
                  } 
}

2、chunk分割已经不在plugin中

new webpack.optimize.CommonsChunkPlugin 配置报错,在webpack包中并没有发现CommonsChunkPlugin,
待续。。。

上一篇下一篇

猜你喜欢

热点阅读