3 回答

TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超3個(gè)贊
對(duì)于 Parcel v2,有一個(gè)不同的插件:https ://github.com/elwin013/parcel-reporter-static-files-copy
yarn add parcel-reporter-static-files-copy --dev
那么您需要?jiǎng)?chuàng)建.parcelrc
或添加以下內(nèi)容。(注:"..."
是字面意思,不需要填寫):
{ "extends": ["@parcel/config-default"], "reporters": ["...", "parcel-reporter-static-files-copy"] }
現(xiàn)在,當(dāng)您進(jìn)行常規(guī)包構(gòu)建時(shí),名為 的目錄中的任何文件(和子目錄)static
都將自動(dòng)復(fù)制到網(wǎng)站(通常是您的文件夾)。dist

TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超9個(gè)贊
注意:此答案適用于 Parcel v1
有一個(gè)包裹插件可以做到這一點(diǎn):
https://www.npmjs.com/package/parcel-plugin-static-files-copy
安裝它:
yarn add parcel-plugin-static-files-copy --dev
或者
npm install -D parcel-plugin-static-files-copy
然后,在 中package.json
添加:
"staticFiles": { "staticPath": ["path/to/a/staticFolder"] }
它應(yīng)該將您的文件復(fù)制到公用文件夾。
注意安全!

TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超6個(gè)贊
處理這個(gè)問題的最佳方法是控制代碼。npm
已經(jīng)提供了這項(xiàng)工作所需的工具。在 中package.json
,當(dāng)使用 運(yùn)行命令時(shí)&&
,將運(yùn)行第一個(gè)命令,如果它確實(shí)完成且沒有任何錯(cuò)誤,則也將執(zhí)行第二個(gè)命令。但是,運(yùn)行&
將在后臺(tái)獨(dú)立運(yùn)行每個(gè)命令,無論其他命令發(fā)生什么情況。換句話說:
用于
&&
順序執(zhí)行。用于
&
并行執(zhí)行。
例如:
project/
|dist/
|...
|src/
|assets/
|text.txt
|memos.txt
|info.ini
|css/
|style.css
|img/
|a.png
|b.jpg
|c.jpeg
|data.json
|not-to-copy.json
|not-to-copy.conf
|index.js
|index.html
|package.json
如果您有這樣的項(xiàng)目結(jié)構(gòu),請(qǐng)?zhí)砑右恍┠_本package.json
{
...
"source": "src/index.html",
"scripts": {
"clean-dist": "rm -rf dist && mkdir dist",
"copy-img": "cp -vR ./src/img ./dist",
"copy-data": "cp -r src/data.json dist",
"copy-assets": "cp -r src/assets/* dist",
"copy-files": "npm run copy-img & npm run copy-assets & npm run copy-data",
"init": "npm run clean-dist && npm run copy-files",
"start": "npm run init && parcel",
"build": "npm run init && parcel build"
},
...
}
此配置將依次運(yùn)行clean-dist和copy-files。前者會(huì)刪除該dist目錄并重新創(chuàng)建該目錄。然后copy-files將并行復(fù)制src/img -> dist/img,src/assets/* -> dist/*和。src/data.json -> dist/data.json最后,包裹將被執(zhí)行。
添加回答
舉報(bào)