Webpack自動清理打包目錄的實現

更新時間：2023年01月09日 10:32:41 作者：aiguangyuan

本文主要介紹了Webpack自動清理打包目錄的實現，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧

1. 通過 npm scripts 清理理構建目錄；

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()
    ]
};

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

您可能感興趣的文章:

網站基于flash實現的Banner圖切換效果代碼
這篇文章主要介紹了網站基于flash實現的Banner圖切換效果代碼,是基于Flash與js實現的banner圖片自動定時切換特效,并附有完整的示例源碼,非常具有實用價值,需要的朋友可以參考下
2014-10-10
純js和css實現漸變色包括靜態(tài)漸變和動態(tài)漸變
用javascript實現一下所謂的動態(tài)漸變，考慮動態(tài)原因就不上圖了，我來簡單介紹下思路
2014-05-05
數組Array進行原型prototype擴展后帶來的for in遍歷問題
不同的程序語言都有多種循環(huán)語句，而且功能是差不多的，當然使用場合還是有些區(qū)別的，比如for與for in，for in比較好用，它不需要預先知道對象屬性的長度。
2010-02-02
javascript實現文字無縫滾動
這篇文章主要介紹了javascript實現文字無縫滾動，文字可以實現上下滾動，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
E3 tree 1.6在Firefox下顯示問題的修復方法
tree 在Firefox下只顯示一句話,用firebug查看頁面元素觀察發(fā)現,兩個script導入被一個<script>分隔開了,顯然是document.write的問題.由于Firefox對js規(guī)范的檢查比較嚴格,肯定一些字符輸出的的時候沒有轉義
2013-01-01
微信小程序自定義膠囊樣式
這篇文章主要為大家詳細介紹了微信小程序自定義膠囊樣式，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-12-12
JS實現身份證輸入框的輸入效果
這篇文章主要介紹了JS實現身份證輸入框的輸入效果，非常不錯，具有參考借鑒價值,需要的朋友可以參考下
2017-08-08
js中如何對json數組進行排序
這篇文章主要介紹了js中如何對json數組進行排序的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-04-04
JS實現將對象轉化為數組的方法分析
這篇文章主要介紹了JS實現將對象轉化為數組的方法,結合實例形式分析了javascript操作及轉換json數組相關實現技巧,需要的朋友可以參考下
2019-01-01
面向對象Javascript核心支持代碼分享
Javascript做面向對象開發(fā)的時候，總是會用到很多模擬面向對象特性的方法，這些方法就構成了支撐面向對象Javascript的核心代碼
2012-05-05