Webpack自動清理打包目錄的實現(xiàn)
更新時間：2023年01月09日 10:32:41 作者：aiguangyuan
本文主要介紹了Webpack自動清理打包目錄的實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
Webpack在打包的時候，會在指定輸出文件夾下面生成打包文件，但是上次打包的文件不會自動清理掉，每次手動刪除會比較麻煩，為此，我們需要有一個自動清理的功能。常見的自動清理方式有以下兩種：
1. 通過 npm scripts 清理理構(gòu)建目錄；
rm-rf./dist && webpack
也可以使用下面這個命令：
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自動清理打包目錄的實現(xiàn)的文章就介紹到這了,更多相關(guān)Webpack自動清理打包目錄內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
網(wǎng)站基于flash實現(xiàn)的Banner圖切換效果代碼
這篇文章主要介紹了網(wǎng)站基于flash實現(xiàn)的Banner圖切換效果代碼,是基于Flash與js實現(xiàn)的banner圖片自動定時切換特效,并附有完整的示例源碼,非常具有實用價值,需要的朋友可以參考下2014-10-10
純js和css實現(xiàn)漸變色包括靜態(tài)漸變和動態(tài)漸變
用javascript實現(xiàn)一下所謂的動態(tài)漸變，考慮動態(tài)原因就不上圖了，我來簡單介紹下思路2014-05-05
數(shù)組Array進(jìn)行原型prototype擴(kuò)展后帶來的for in遍歷問題
不同的程序語言都有多種循環(huán)語句，而且功能是差不多的，當(dāng)然使用場合還是有些區(qū)別的，比如for與for in，for in比較好用，它不需要預(yù)先知道對象屬性的長度。2010-02-02
這篇文章主要介紹了javascript實現(xiàn)文字無縫滾動，文字可以實現(xiàn)上下滾動，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
E3 tree 1.6在Firefox下顯示問題的修復(fù)方法
tree 在Firefox下只顯示一句話,用firebug查看頁面元素觀察發(fā)現(xiàn),兩個script導(dǎo)入被一個<script>分隔開了,顯然是document.write的問題.由于Firefox對js規(guī)范的檢查比較嚴(yán)格,肯定一些字符輸出的的時候沒有轉(zhuǎn)義2013-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義膠囊樣式，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
這篇文章主要介紹了JS實現(xiàn)身份證輸入框的輸入效果，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2017-08-08
這篇文章主要介紹了js中如何對json數(shù)組進(jìn)行排序的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
JS實現(xiàn)將對象轉(zhuǎn)化為數(shù)組的方法分析
這篇文章主要介紹了JS實現(xiàn)將對象轉(zhuǎn)化為數(shù)組的方法,結(jié)合實例形式分析了javascript操作及轉(zhuǎn)換json數(shù)組相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-01-01
Javascript做面向?qū)ο箝_發(fā)的時候，總是會用到很多模擬面向?qū)ο筇匦缘姆椒?，這些方法就構(gòu)成了支撐面向?qū)ο驤avascript的核心代碼2012-05-05