# 一、功能类
# 1.1 html-webpack-plugin
自动生成
html，基本用法：
new HtmlWebpackPlugin({
filename: 'index.html', // 生成文件名
template: path.join(process.cwd(), './index.html') // 模班文件
})
@前端进阶之旅: 代码已经复制到剪贴板
# 1.2 copy-webpack-plugin
拷贝资源插件
new CopyWebpackPlugin([
{
from: path.join(process.cwd(), './vendor/'),
to: path.join(process.cwd(), './dist/'),
ignore: ['*.json']
}
])
@前端进阶之旅: 代码已经复制到剪贴板
# 1.3 webpack-manifest-plugin && assets-webpack-plugin
俩个插件效果一致，都是生成编译结果的资源单，只是资源单的数据结构不一致而已
webpack-manifest-plugin 基本用法
module.exports = {
plugins: [
new ManifestPlugin()
]
}
@前端进阶之旅: 代码已经复制到剪贴板
assets-webpack-plugin 基本用法
module.exports = {
plugins: [
new AssetsPlugin()
]
}
@前端进阶之旅: 代码已经复制到剪贴板
