zoukankan      html  css  js  c++  java
  • webpack的小插件

    1.clean-webpack-plugin:由于每次打包的时候有可能文件名称不一样,打包后的文件就叠加到dist目录下了,clean-webpack-plugin作用就是在每次打包之前,先把dist目录删掉,创建最新的目录,避免不需要的文件还留在dist目录下。

    安装:npm install clean-webpack-plugin -D
    使用
    //引入clean-webpack-plugin的包
    const { CleanWebpackPlugin } = require('clean-webpack-plugin');
    
    //在plugins中配置
    plugins: [new CleanWebpackPlugin()]

    2.copy-webpack-plugin:如果我们想要把一个文件夹里的内容也拷贝到dist目录下,可以使用copy-webpack-plugin插件。

    安装:npm install copy-webpack-plugin -D
    使用
    const copyWebpackPlugin = require('copy-webpack-plugin');
    
    plugins: [
        new copyWebpackPlugin([
                //从doc目录下拷贝到dist根目录下
                //注意,如果写的是to:'./dist',则会在dist目录下再创建一个dist文件夹,然后将拷贝的文件放在里面
                {from:'./doc',to:'./'}
            ])
        ]

    3.BannerPlugin:版权声明插件,是webpack自带的内置插件,不需要安装

    使用

    const webpack = require('webpack');
    
    plugins: [
        //打包后这条信息就会插入到每个js文件的头部
            new webpack.BannerPlugin('make 2019 by ***')
        ]
  • 相关阅读:
    ZOJ 3327 Friend Number
    ZOJ 3324 Machine
    2010-2011 ACM-ICPC, NEERC, Southern Subregional Contest C Explode 'Em All
    UVA 12594 Naming Babies
    POJ 3709 K-Anonymous Sequence
    POJ 1180 Batch Scheduling
    POJ 1160 Post Office
    HDU 3516 Tree Construction
    HDU 3045 Picnic Cows
    UVALive 5097 Cross the Wall
  • 原文地址:https://www.cnblogs.com/zcy9838/p/11675514.html
Copyright © 2011-2022 走看看