欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Webpack自動(dòng)清理打包目錄的實(shí)現(xiàn)

 更新時(shí)間：2023年01月09日 10:32:41   作者：aiguangyuan  
本文主要介紹了Webpack自動(dòng)清理打包目錄的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

Webpack在打包的時(shí)候，會(huì)在指定輸出文件夾下面生成打包文件，但是上次打包的文件不會(huì)自動(dòng)清理掉，每次手動(dòng)刪除會(huì)比較麻煩，為此，我們需要有一個(gè)自動(dòng)清理的功能。常見(jiàn)的自動(dòng)清理方式有以下兩種：

1. 通過(guò) npm scripts 清理理構(gòu)建目錄；

rm-rf./dist && webpack

也可以使用下面這個(gè)命令：

rimraf./dist && webpack

以上命令即在執(zhí)行打包前，先刪除打包輸出目錄dist，然后再執(zhí)行打包操作。

2. 使用 clean-webpack-plugin 插件清理；

1. 安裝插件；

npm i clean-webpack-plugin -D

2. 配置Webpack文件；

const path = require('path');
// 引入插件
const CleanWebpackPlugin = require('clean-webpack-plugin');
 
module.exports = { 
    entry: { 
        app: './src/app.js', 
        search: './src/search.js' 
    }, 
    output: { 
        filename: '[name][chunkhash:8].js', 
        path: path.join(__dirname, 'dist'),
    }, 
    plugins: [
        // 配置插件
        new CleanWebpackPlugin()
    ]
};

到此這篇關(guān)于Webpack自動(dòng)清理打包目錄的實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)Webpack自動(dòng)清理打包目錄內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論