首页 > Web开发 > 详细

webpack plugins

时间:2021-08-03 18:44:39      阅读:26      评论:0      收藏:0      [点我收藏+]

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

原文:https://www.cnblogs.com/syzyn/p/15095231.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!