第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何將資源文件包含在 Parcel js 中?

如何將資源文件包含在 Parcel js 中?

BIG陽 2023-07-14 10:21:34
我有一個(gè)動(dòng)態(tài)加載的資源文件的文件夾,我想將其包含在我的包輸出目錄中。如何像.json, .jpeg, .txt, .etc我的parcel build命令一樣包含未引用的靜態(tài)資源文件?
查看完整描述

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


查看完整回答
反對(duì) 回復(fù) 2023-07-14
?
素胚勾勒不出你

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ù)制到公用文件夾。

注意安全!


查看完整回答
反對(duì) 回復(fù) 2023-07-14
?
墨色風(fēng)雨

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í)行。


查看完整回答
反對(duì) 回復(fù) 2023-07-14
  • 3 回答
  • 0 關(guān)注
  • 237 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)