1.打包代码压缩
2.自动清理构建脚本
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
plugins: [
new CleanWebpackPlugin(),
]
2.css资源内联
- 方案1:
{
test: /.less$/,
use: [
{
loader: 'style-loader',
options: {
insertAt: "top", // 样式插入到<head>中
singleton: true // 将所有style合成一个
}
},
'css-loader',
'less-loader'
]
}
const HTMLInlineCSSWebpackPlugin = require("html-inline-css-webpack-plugin").default;
plugins: [
new HTMLInlineCSSWebpackPlugin()
]