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, 待续。。。