TA貢獻1818條經驗 獲得超3個贊
對于 Parcel v2，有一個不同的插件：https ://github.com/elwin013/parcel-reporter-static-files-copy
yarn add parcel-reporter-static-files-copy --dev
那么您需要創(chuàng)建.parcelrc或添加以下內容。（注："..."是字面意思，不需要填寫）：
{
"extends": ["@parcel/config-default"],
"reporters": ["...", "parcel-reporter-static-files-copy"]
}現(xiàn)在，當您進行常規(guī)包構建時，名為 的目錄中的任何文件（和子目錄）static都將自動復制到網(wǎng)站（通常是您的文件夾）。dist
TA貢獻1827條經驗 獲得超9個贊
注意：此答案適用于 Parcel v1
有一個包裹插件可以做到這一點：
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"]
}它應該將您的文件復制到公用文件夾。
注意安全！
TA貢獻1853條經驗 獲得超6個贊
處理這個問題的最佳方法是控制代碼。npm已經提供了這項工作所需的工具。在 中package.json，當使用 運行命令時&&，將運行第一個命令，如果它確實完成且沒有任何錯誤，則也將執(zhí)行第二個命令。但是，運行&將在后臺獨立運行每個命令，無論其他命令發(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
如果您有這樣的項目結構，請?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"
},
...
}
此配置將依次運行clean-dist和copy-files。前者會刪除該dist目錄并重新創(chuàng)建該目錄。然后copy-files將并行復制src/img -> dist/img,src/assets/* -> dist/*和。src/data.json -> dist/data.json最后，包裹將被執(zhí)行。
舉報