為您找到相關(guān)結(jié)果55個(gè)
深入解析Parcel如何進(jìn)行自定義配置_javascript技巧_腳本之家
Parcel 的大部分配置可以通過(guò) package.json 文件來(lái)進(jìn)行。以下是一個(gè)基礎(chǔ)的 package.json 文件示例: 1 2 3 4 5 6 7 8 9 10 11 12 { "name": "my-project", "version": "1.0.0", "main": "index.js", "scripts": { "start": "parcel index.html", "
www.dbjr.com.cn/javascript/332377w...htm 2025-6-6
Parcel.js + Vue 2.x 極速零配置打包體驗(yàn)教程_javascript技巧_腳本...
首先需要全局安裝 Parcel.js // 當(dāng)前版本 1.3.0 1 npm install -g parcel-bundler 然后寫(xiě)一個(gè)配置文件...不對(duì),這不是 webpack,這是 parcel, 零配置打包 直接創(chuàng)建項(xiàng)目目錄,用寫(xiě)個(gè)一個(gè)簡(jiǎn)單的傳統(tǒng)頁(yè)面 然后在項(xiàng)目根目錄打開(kāi)命令行工具,輸入以下命令 1 parcel index.html -p 3030 然后在瀏覽器中打開(kāi) http...
www.dbjr.com.cn/article/1313...htm 2025-5-27
從parcel.js打包出錯(cuò)到選擇nvm的全部過(guò)程_javascript技巧_腳本之家
我在使用parcel.js打包項(xiàng)目的時(shí)候出現(xiàn)了下面的錯(cuò)誤: 我在仔細(xì)檢查完代碼并且核實(shí)項(xiàng)目配置沒(méi)有問(wèn)題后,沒(méi)辦法只能求助萬(wàn)能的Google,結(jié)果在GitHub上找到了錯(cuò)誤的原因,parcel.js使用了Async 函數(shù),默認(rèn)Node.js 8以上才支持的,低于8的話需要使用babel配置。我查看了一下自己的Node.js版本,如下: 找到問(wèn)題原因后,我想升級(jí)一...
www.dbjr.com.cn/article/1334...htm 2025-5-29
談?wù)劄槭裁茨愕?JavaScript 代碼如此冗長(zhǎng)_javascript技巧_腳本之家
一旦弄好我就絕不會(huì)再碰它,以免不小心破壞什么。幾個(gè)月之后我遇到了parcel,總算松了口氣。它幾乎可以不加任何配置拿來(lái)即用,但你依然可以在需要的時(shí)候進(jìn)行改變。它還支持插件,類似于webpack和babel,但非?？?。 如果你不知道parcel,我建議你一定要試試。 9. 自己寫(xiě)更多代碼 這一條很有意思,這個(gè)話題我已經(jīng)討論過(guò)...
www.dbjr.com.cn/article/1556...htm 2025-6-7
JavaScript前端構(gòu)建工具原理的理解_JavaScript_腳本之家
Parcel號(hào)稱零配置,使用簡(jiǎn)單,適合不太需要定制化構(gòu)建的項(xiàng)目使用。 Rollup推崇ESM標(biāo)準(zhǔn)開(kāi)發(fā),打包出來(lái)的代碼干凈,適用于組件庫(kù)開(kāi)發(fā)。 Vite / Esbuild 新一代構(gòu)建工具。 esbuild, 基于go語(yǔ)言實(shí)現(xiàn),代碼直接編譯成機(jī)器碼(不用像 js 那樣先解析為字節(jié)碼,再編譯為機(jī)器碼),構(gòu)建速度比webpack更快。
www.dbjr.com.cn/article/2559...htm 2025-6-3
淺談JavaScript工具鏈不完全指南_javascript技巧_腳本之家
比如Build 可以用 Buck,Bazel,Lerna 等工具同時(shí)管理多個(gè)模塊,實(shí)現(xiàn)增量 Build(只重新構(gòu)建有改動(dòng)的模塊,提高效率)。任務(wù)管理使用 Grunt 和 Gulp,模塊打包用 Webpack、Rollup、Parcel、Browserify 等。 調(diào)試工具 調(diào)試器在開(kāi)發(fā)過(guò)程中必不可少,它可以在 Node.js 和瀏覽器中跟蹤查看運(yùn)行中的代碼。通常會(huì)提供斷點(diǎn)、單步執(zhí)行...
www.dbjr.com.cn/article/2116...htm 2025-6-9
打包非 JavaScript 靜態(tài)資源詳情_(kāi)JavaScript_腳本之家
newWorker(newURL('./worker.js', import.meta.url)); 讓我們分析一下它是什么原理:new URL(...)構(gòu)造函數(shù)會(huì)基于第二個(gè)參數(shù)里的絕對(duì)URL,解析出第一個(gè)參數(shù)中相對(duì) URL 所對(duì)應(yīng)的 URL。在我們的例子中,第二個(gè)參數(shù)是import.meta.url [1],它是當(dāng)前JavaScript模塊的 URL ,所以第一個(gè)參數(shù)可以是相對(duì)于它的任何路...
www.dbjr.com.cn/article/2259...htm 2025-6-4
Vue3更高效的構(gòu)建工具Vite使用指南_vue.js_腳本之家
時(shí)過(guò)境遷,我們見(jiàn)證了諸如 webpack、Rollup 和 Parcel 等工具的變遷,它們極大地改善了前端開(kāi)發(fā)者的開(kāi)發(fā)體驗(yàn)。 然而,當(dāng)我們開(kāi)始構(gòu)建越來(lái)越大型的應(yīng)用時(shí),需要處理的 JavaScript 代碼量也呈指數(shù)級(jí)增長(zhǎng)。包含數(shù)千個(gè)模塊的大型項(xiàng)目相當(dāng)普遍?；?JavaScript 開(kāi)發(fā)的工具就會(huì)開(kāi)始遇到性能瓶頸:通常需要很長(zhǎng)時(shí)間(甚至是幾分鐘!)...
www.dbjr.com.cn/javascript/3017353...htm 2025-6-9
Android中Parcelable的使用詳解_Android_腳本之家
importandroid.os.Parcel; importandroid.os.Parcelable; publicclassBookimplementsParcelable { privateString name; privateintid; privateString classify; protectedBook(Parcel in) { name = in.readString(); classify = in.readString(); id = in.readInt(); ...
www.dbjr.com.cn/article/1628...htm 2025-5-16
vue cli升級(jí)webapck4總結(jié)_vue.js_腳本之家
應(yīng)該是parcel出來(lái)以后,webpack團(tuán)隊(duì)意識(shí)到其配置確實(shí)有點(diǎn)復(fù)雜,不太容易上手。so, webapck4 開(kāi)始支持0配置啟動(dòng)。不過(guò),萬(wàn)變不離其宗,webpack4的0配置也只是支持了默認(rèn)entry 和 output而已,即默認(rèn)entry為./src,默認(rèn)output為/dist。 模式選擇mode mode有兩個(gè)可選項(xiàng),production & development。作為必選項(xiàng),mode是不可缺省...
www.dbjr.com.cn/article/1377...htm 2025-5-27