plugins的使用

BannerPlugin 横幅，版权

const path = require('path')
const webpack = require('webpack')

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

HtmlWebpackPlugin 简化了HTML文件的创建，用于服务器访问

作用： 自动生成一个index.html文件（可以指定模板来生成） 将打包的js文件，自动通过script标签插入到body中

安装：

    npm install --save-dev html-webpack-plugin

用法：

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

    new HtmlWebpackPlugin({ 
        template: './public/index.html',     //HTML模板文件
        title: 'Vue app Sample',
        favicon: './public/favicon.ico'
    }),

UglifyjsWebpackPlugin 丑化js的webpack插件，对js进行压缩

uglifyjs-webpack-plugin 版本号指定1.1.1，和CLI2保持一致

引用：

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

用法：

    const UglifyJsPlugin = require('uglifyjs-webpack-plugin')

module.exports = {
    plugins: [
        new UglifyJsPlugin()
    ]
}