優化 Webpack build 生成目錄結構

2021-09-19 06:35:51 字數 1259 閱讀 9096

最近做了個稍微大點專案,npm run build後幾百上千個檔案直接放到乙個目錄直鋪下來,bundle.js 都找不到了。

module.loaders配置中載入要使用file-loader,在 name 引數的[name]前加目錄名。

其他的字型等資源也可以這樣優化。

看看 webpack output config 各項的意思

• path 配置輸出目錄

• filename 配置輸出的檔名

• publicpath 配置最終線上使用的路徑,在 webpack plugin hook 中會輸出這一路徑

可以利用的是filename一項 ,當要把生成的 js css 單獨放子目錄時,可以在檔名前加目錄名。

比如以下修改生成的 js 放輸出目錄下的子目錄__bundle_build__下。

thisconfig.output =
webpack-build 

├── __bundle_build__

│             ├── main.css

│             ├── maina.js

│             └── mainb.js

├── __images_build__

│             ├── a.png

│             └── b.png    

└── index.html

我們試一下在path下加子目錄'./build/__bundle_build__'而不是改filename

thisconfig.output =
看看結果:

webpack-build 

└── __bundle_build__

├── main.css

├── maina.js

├── mainb.js

├── __images_build__

│ ├── a.png

│        └── b.png    

└── index.html

POJ 1190 生日蛋糕 DFS 優化剪枝

poj 1190 生日蛋糕 dfs 優化剪枝 7月17日是mr.w的生日,acm thu為此要製作乙個體積為n 的m層生日蛋糕,每層都是乙個圓柱體。設從下往上數第i 1 i m 層蛋糕是半徑為ri,高度為hi的圓柱。當i m時,要求ri ri 1且hi hi 1。由於要在蛋糕上抹忌廉,為盡可能節約經...

db2生成執行計畫,監控及優化

一,生成指定sql的執行計畫 1.連線到db2 db2 connect to aep user wcsuser using wcsuser1 2.生成執行計畫相關表 db2 tvf sqllib misc explain.ddl 3.生成執行計畫並匯出檔案 a db2 explain plan fo...

君生我未生,我生君已老

君生我未生,我生君已老。君恨我生遲,我恨君生早。恨不生同時,日日與君好。我生君未生,君生我已老。我離君天涯,君隔我海角。我生君未生,君生我已老。化蝶去尋花,夜夜棲芳草。我不知道我是以何種感情把這詩看下去的。只是在看的時候想起你,然後莫名流淚。故事還要從那個炎熱的五月說起,從那個充滿紙醉金迷的上海說起...