整理了将近三万字,超硬核BIO,NIO,AIO,Netty 超越 99% IO文章(面试题+综合案例+练习题)

CSS的三种基础选择器,全网独家首发!

  返回  

webpack4.x - 7 clean-webpack-plugin的使用

2021/7/21 16:02:50 浏览:

背景

前面已经讲解了怎么打包html/js/css/scss的打包技巧了,这篇文章针对之前的工作出现的问题做善后工作。先讲下之前这样处理会出现什么问题吧。

手下,通常我们会给打包生成的js文件做如下的命名操作:

修改webpack.config.js文件的配置:

const HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
    devServer:{
        contentBase: __dirname + '/dist',
        port: 9000
    },
    entry: './src/index.js',
    output: {
        filename: '[name][hash:8].js',// 表示用被打包的文件的名称加上hash值取8位作为打包后的文件的名称
        // filename: '[name].js',
    },
...

配置修改成如此之后,再进行打包:

npm run build

生成的文件如下:

 那么当我们改动内容之后重新打包,生成文件如下:

发现没有旧的文件并没有被删除,这样打包次数多了,结果可想而知。<

联系我们

如果您对我们的服务有兴趣,请及时和我们联系!

服务热线:18288888888
座机:18288888888
传真:
邮箱:888888@qq.com
地址:郑州市文化路红专路93号