webpack4.27配置react

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容