webpack plugins

1. VueLoaderPlugin

加载vue文件时需要使用

前提:安装vue-loader vue-template-compiler

使用:在webpack.config.js中添加

const { VueLoaderPlugin } = require(‘vue-loader‘)
module.exports = {
    plugins: [
        new VueLoaderPlugin()
    ]
}

 

2.版权插件 BannerPlugin

在打包后的文件中添加版权说明

const webpack= require(‘webpack‘)
module.exports = {
    plugins: [
        new webpack.BannerPlugin("最终解释权归我所有")
    ]
}

3.htmlWebpackPlugin

将入口文件index.html加入打包文件夹下

前提:需要安装html-webpack-plugin

const htmlWebpackPlugin= require(‘html-webpack-plugin‘)
module.exports = {
    plugins: [
        new htmlWebpackPlugin({
            template:‘index.html‘
    })
    ]
}

4.uglifyjs-webpack-plugin

js压缩插件

前提:需要安装uglifyjs-webpack-plugin

const uglifyjsWebpackPlugin= require(‘uglifyjs-webpack-plugin‘)
module.exports = {
    plugins: [
        new uglifyjsWebpackPlugin()
    ]
}

 

webpack plugins

上一篇:03 贝叶斯算法 - 案例二 - 新闻数据分类


下一篇:.net core中的Options重新加载机制ConfigurationChangeTokenSource