求助，在webpack中怎么把html搬到输出目录里？

Question

webpack怎么把html搬到输出目录里

Answer 1

打包html使用插件html-webpack-plugin

html-loader就是用来处理 html中的图片的,可以对图片进行压缩等优化的操作

命令行安装:npm install html-loader --save-dev

const HtmlWebpackPlugin = require('html-webpack-plugin');

配置：

plugins: [
new HtmlWebpackPlugin({
template: "./public/index.html",
minify: {
collapseWhitespace: true,//折叠空白区域 、压缩代码
removeComments: true, //移除HTML中的注释，但是会保留script和style中的注释
removeRedundantAttributes: true,//删除<script>的type="text/javascript"
removeScriptTypeAttributes: true,//删除script的类型属性，在h5下面script的type默认值：text/javascript
removeStyleLinkTypeAttributes: true,//删除<style>和<link>的type="text/css"
useShortDoctype: true
}
})
] （BY三人行慕课）