之前沒有很關(guān)注webpack,但是現(xiàn)在遇到個(gè)不得不打包的html項(xiàng)目。
由于官方文檔只介紹配置示例,所以很難有代入感。我認(rèn)認(rèn)真真看了官方文檔1/3的內(nèi)容且做了筆記,對于打包現(xiàn)有項(xiàng)目,依然沒有頭緒。
我自己配置了webpack,但是只能打包裸漏出來的文件內(nèi)容:


它如何將復(fù)雜的項(xiàng)目結(jié)構(gòu)依賴打包?
比如我有個(gè)項(xiàng)目,目錄結(jié)構(gòu)如下:
|-index.html
|-css
????|-1.css
????|-2.css
????|-folder
|-fonts
|-images
|-imgs
????|-folder
|-js
????|-1.js
????|-folder
|-ring
????|-css
????|-images
????|-js
????|-edit.html
????|-pc.html
|-vtour
????|-css
????|-images
????|-js
????|-xml
????|-pc.html

2021-08-18
給你點(diǎn)條路子,可以參照官方文檔用 CopyWebpackPlugin 和 MiniCssExtractPlugin???