webpack打包刪除無用檔案

2021-09-25 02:48:25 字數 671 閱讀 3090

在webpack打包專案過程中,常遇見一些無用的,js檔案,怎樣能夠自動檢測哪些是無用的檔案呢?本文中介紹使用外掛程式useless-files-webpack-plugin查詢無用檔案,在terminal中刪除

cnpm i useless-files-webpack-plugin -d
2.1 在webpack.prod.conf.js中,新增如下**

// 頂部匯入外掛程式

const uselessfile =

require

('useless-files-webpack-plugin'

)

2.2 plugins中新增外掛程式配置

new

uselessfile()

,

2.3 打包時自動在專案的根目錄下生成unused-files.json, 儲存著無用檔案的列表。如圖所示

2.4 進入終端,使用命令刪除列表中檔案,重新打包

webpack打包檔案

webpack.config.js是自己建立的打包檔案 在檔案的跟目錄下 引用html webpack plugin 首先要 npm install html webpack plugin s 在命令列中執行一下 let path require path 引入這個檔案就不會把相對路徑變成絕對路徑 ...

webpack 打包html檔案

webpack.config.js配置檔案內容為 用來拼接絕對路徑的方法 const require path const htmlwebpackplugin require html webpack plugin module.exports loader 配置 module plugins 的配...

webpack打包 vue檔案

在webpack中配置.vue元件頁面的解析 vue loader 1 執行npm i vue s將vue安裝為執行依賴 2 運cnpm i vue loader vue template compiler d將解析轉換vue的包安裝為開發依賴 3 執行npm i style loader css ...