从你的描述来看,我估计是受了loader的影响了。
1. 安装: html-webpack-plugin 插件完成打包2. 命令:npm install html-webpack-plugin –save-dev
3. 配置:
引入:const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: 'index.js',
output: {
path: __dirname + '/dist',
filename: 'index_bundle.js'
},
plugins: [
new HtmlWebpackPlugin({
title: 'My App',(生成的页面标题)
filename: 'assets/admin.html',(生成的文件名)
template: 'src/assets/test.html',(原来的index.html)
minify: {
collapseWhitespace: true,
removeComments: true,
removeRedundantAttributes: true,
removeScriptTypeAttributes: true,
removeStyleLinkTypeAttributes: true,
useShortDoctype: true
}
})
]
}(BY三人行慕课)
webpack内置插件 UglifyJsPlugin
使用 webpack --optimize-minimize 启动webpack,可以注入默认配置的UglifyJSPlugin
第三方插件 css-loader.minimize
第三方插件 uglify-webpack-plugin
第三方插件 html-webpack-plugin
第三方插件 image-webpack-loader
也可以将图片上传到 tinypng 或者 智图 这类的在线压缩图片平台,就可以对图片进行压缩
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)