webpack4和5的插件版本问题
狐七 前端工程化模块化开发Webpack
# html-webpack-plugin
- webpack5中使用html-webpack-plugin 中模板要使用ejs语法,后缀是.ejs,html格式不会报错但是不编译
new HtmlWebpackPlugin({
title: 'webpack plugin sample',
hello: 'hello~',
meta: {
viewport: 'width=device-width'
},
template: './src/index.ejs'
}),
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# webpack-dev-server
- 在webpack-dev-server最新版本使用之后不能及时更新浏览器,webpack4可以
# sourceMap
- webpack5中关于source map的devtool的名称有所修改
# CopyWebpackPlugin
- 关于插件new CopyWebpackPlugin(['public'])的用法已经更新,原来的用法会直接报错(这个在webpack4中也适用)
new CopyWebpackPlugin({
patterns: [{
from: 'public'
}]
})
1
2
3
4
5
2
3
4
5
# terser-webpack-plugin
- 插件terser-webpack-plugin最新版本只支持webpack@5,如果在webpack4中使用需要降低这个插件的版本。