zoukankan      html  css  js  c++  java
  • webpack学习02——Plungin的使用

    BannerPlugin

    webpack自带插件,用于为打包文件添加版权声明

    在webpack.config.js中

    • 引用webpack
    const webpack = require('webpack')
    
    • 使用插件
    new webpack.BannerPlugin('最终版权归kami所有')
    
    • 进行打包
    npm run build
    

    在打包后文件bundle.js的头部中

    image-20201011075215313

    HtmlWebpackPlugin

    用于打包html的插件

    • 安装HtmlWebpackPlugin
    npm install html-webpack-plugin --save-dev
    

    在webpack.config.js中

    var HtmlWebpackPlugin = require('html-webpack-plugin');
    var path = require('path');
    
    var webpackConfig = {
      entry: 'index.js',
      output: {
        path: path.resolve(__dirname, './dist'),
        filename: 'index_bundle.js'
      },
      plugins: [new HtmlWebpackPlugin()]
    };
    

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

    new HtmlWebpackPlugin()

    UglifyjsWebpackPlugin

    用于对打包的js文件进行压缩

    安装

    npm i -D uglifyjs-webpack-plugin
    

    webpack.config.js

    const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
    
    module.exports = {
      plugins: [
        new UglifyJsPlugin()
      ]
    }
    
  • 相关阅读:
    SQLyog快捷键
    程序员常用工具下载地址及方式
    mysql基础命令
    Excel常用快捷键
    PS快捷键
    MySQL安装及配置
    Excel常用公式
    数据库函数
    mysql update语句的用法
    MySQL使用存储过程批量更新数据库所有表某个字段值
  • 原文地址:https://www.cnblogs.com/kami233/p/13796200.html
Copyright © 2011-2022 走看看