webpack的plugin

plugin

webpack的plugin 有自身携带的plugin

添加版权的banner

const webpack = require('webpack');
module.exports = {
	plugins: [
    new webpack.BannerPlugin('最终版权归xxx所有')
  ]
}

然后

npm run build

---

想要把index.html打包进dist文件夹 需要这个插件

html-webpack-plugin

cnpm install html-webpack-plugin --save-dev

const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
	plugins: [
    new HtmlWebpackPlugin({
    	template: 'index.html' // 加一个模板
    })
  ]
}

---

npm install uglifyjs-webpack-plugin@1.2.6 --save-dev 对于webpack4.0以下的版本

const UglifyJSPlugin = require('uglifyjs-webpack-plugin');

module.exports = {
entry: {...},
output: {...},
module: {...},
plugins: [
  new UglifyJSPlugin()
]
};

---

搭建本地服务器

npm install uglifyjs-webpack-plugin --save-dev

devServer: {
  contentBase: path.join(__dirname, "dist"),
  compress: true,
  port: 9000
}