webpack 如何打包html,在html中可以压缩哪些东西？如何配置?

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三人行慕课）

1，看文件后缀是什么，如果是.zip.html或者.rar.html把后面的.html删除即可。2，如果是.html那么尝试把.html改成.zip/rar，之后解压，看效果。如果可以，证明一切正常。

从你插入的图片就可以看出刚学，先纠正你的一个错误，插入的图片是不可以用中文的，还有问的问题，如“djlyr”所说，建一个文件夹保存所有的html页面，

如:建一个叫“web" 的文件夹，再在"web"里面建一个叫"css", 一个叫” js“, 一个叫”images“等等的需要用到的相应文件夹，调用的时候链接到相应的路径就ok了，

像你这张图先改名下，叫” Banana “好了就，放在images里面，

<img src="images/banana.jpg" title="巧克力香蕉麦芬">

---