css-minimizer-webpack-plugin
替换optimize-css-assets-webpack-plugin
For webpack v5 or above please use css-minimizer-webpack-plugin instead.
webpack-merge
引入方式
// 4.+
const merge = require('webpack-merge')
// 5.+
const {
merge } = require('webpack-merge')
- devServer的overlay调整在client参数下
// 4.+
module.exports = {
devServer: {
overlay: {
errors: true,
warnings: false
}
}
}
// 5.+
module.exports = {
devServer: {
client: {
overlay: {
errors: true,
warnings: false
}
}
}
}
// 4.+
module.exports = {
devtool: 'cheap-eval-source-map',
}
// 5.+
module.exports = {
devtool: 'eval-cheap-source-map',
}
- splitChunks.name 不能设置为true
拆分 chunk 的名称。设为 false 将保持 chunk 的相同名称,因此不会不必要地更改名称。