1.如何配置bundle.js中的版权信息
示例1
在webpack.config.js中进行如下设置：
const webpack = require("webpack")
module.exports = {
...
plugins:[ //添加plugins
new webpack.BannerPlugin("版权信息")
]
}
2.如何在打包时自动将index.html添加到./dist文件夹中
示例2
设置方式：首先运行
npm install html-webpack-plugin@3.2.0 --save-dev
这里需要下载3.2.0版本，其他版本会报错（原因未知，我只是个菜狗目前不明白原理），然后在webpack.config.js中配置如下
const HtmlWebpackPlugin = require("html-webpack-plugin")
module.exports = {
...
plugins:[ //添加plugins
new HtmlWebpackPlugin({
title: 'webpack3.2.0使用plugin', // 生成的HTML文件的标题
template: "index.html" // 使用的模板路径
})
]
}
3.js代码自动压缩
压缩后的代码
设置方式：首先运行
npm install uglifyjs-webpack-plugin@1.1.0 --save-dev
这里我下载的是1.1.0版本，其他版本会报错（原因未知，猜测是我用的webpack版本不是4.x的原因），然后在webpack.config.js中配置如下
const UglifyjsWebpackPlugin = require("uglifyjs-webpack-plugin")
module.exports = {
...
plugins:[ //添加plugins
new UglifyjsWebpackPlugin()
]
}
