标签:ecs filename space sas 使用 extra content chunk template
webpack中的插件主要是用来完成loader和配置无法完成的事情
npm i -D html-webpack-plugin
module.exports = {
plugins: [
new HtmlWebpackPlugin({
// 复制./src/js/index.html 文件
template: ‘./src/js/index.html‘,
title: ‘webpack build‘, // template设置时或者使用html loader时 不起作用
filename: ‘index.html‘,
minify: {
collapseWhitespace: true, // 移除空格
removeComments: true // 删除html文件注释 打包时有效
}
})
]
}
npm i -D mini-css-extract-plugin
module.exports = {
plugins: [
new MiniCssExtractPlugin({
filename: ‘[name].[contenthash].css‘,
chunkFilename: ‘[name].[contenthash].css‘,
})
],
module: {
rules: [
{
test: /\.css$/,
use: [MiniCssExtractPlugin.loader, ‘css-loader‘]
}
]
}
};
npm i -D optimize-css-assets-webpack-plugin
module.exports = {
plugins: [
new OptimizeCssAssetsWebpackPlugin(),
]
};
module.exports = {
plugins: [
new webpack.NamedChunksPlugin()
]
};
module.exports = {
plugins: [
new webpack.ProvidePlugin({ //
$: ‘jquery‘,
jQuery: ‘jquery‘
})
]
};
标签:ecs filename space sas 使用 extra content chunk template
原文地址:https://www.cnblogs.com/xpengp/p/13389960.html