匯總介紹。-js教程-PHP中文網

首頁

web前端

js教程

匯總介紹。

尊渡假赌尊渡假赌尊渡假赌

Feb 10, 2025 pm 04:01 PM

crolup.js：下一代JavaScript模塊Bundler

An Introduction to the Rollup.js JavaScript Bundler

由Rich Harris（也是Svelte的作者）創建的

滾動。與某些多合一捆綁包不同，匯總主要集中在JavaScript上，提供速度和自定義優勢。讓我們探索其關鍵功能以及如何有效使用它。

使用lullup.js：

：

簡化的開發：
在構建過程中， 增強的代碼質量：在構建過程中與襯裡，格式化器和語法檢查器無縫集成。
搖樹優化：智能地刪除未使用的代碼，導致捆綁較小，更快。
向後兼容：將現代JavaScript（ES6）轉換為ES5，確保更廣泛的瀏覽器支持。
靈活的輸出：生成多個輸出格式（ES5，ES6模塊，commonjs），以適應各種項目需求。 >
通常比其他捆綁器更快，更自定義，尤其是使用複雜的配置。 >

>安裝：

crolup.js需要node.js v8.0.0或更高版本。您可以在全球安裝它：

>對於在Node.js項目上工作的大型團隊，建議將本地安裝用於版本一致性：

npm install rollup --global

>本地安裝後，使用

npm install rollup --save-dev

>執行命令。或者，在

腳本中定義匯總命令：npx rollup package.json

這些腳本可以使用

"scripts": {
  "watch": "npx rollup ./src/main.js --file ./build/bundle.js --format es --watch",
  "build": "npx rollup ./src/main.js --file ./build/bundle.js --format es",
  "help": "npx rollup --help"
}

>或

運行。本教程主要用於更廣泛的兼容性。 npm run watch> npm run buildnpx rollup一個簡單的示例：

>讓我們創建一個基本的數字時鐘示例，以說明匯總功能。您可以從github下載示例文件或手動創建它們。

src/main.js：

（主入口點）

> src/lib/dom.js：

（時間格式化函數）

export function get(selector, doc = document) {
  return doc.querySelector(selector);
}
export function getAll(selector, doc = document) {
  return doc.querySelectorAll(selector);
}

（html顯示時鐘）

function timePad(n) {
  return String(n).padStart(2, '0');
}
export function formatHM(d = new Date()) {
  return timePad(d.getHours()) + ':' + timePad(d.getMinutes());
}
export function formatHMS(d = new Date()) {
  return formatHM(d) + ':' + timePad(d.getSeconds());
}

快速啟動：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Rollup.js testing</title>
  <meta name="viewport" content="width=device-width,initial-scale=1" />
</head>
<body>
  <h1 id="Clock">Clock</h1>
  <time class="clock"></time>
  <🎜>
  <🎜> </body>
</html>

捆綁代碼，從項目的root目錄運行此命令：>

這會創建。請注意，未使用的功能將通過震動來刪除。

參考這個捆綁文件。

鍵滾動.js配置選項：

--file或-o：指定輸出文件名。
--format>或-f：定義輸出格式（iife，es，cjs，umd，amd，system，
--sourcemap：生成一個源地圖，以更輕鬆地調試（用於內聯源圖）。 --sourcemap inline
：觀看文件更改並自動重建。 --watch / -w
>配置文件（rolup.config.js）：--config-c rollup.config.js>配置文件簡化了管理多個選項和插件。這是一個示例：

>以：運行

插件：

npm install rollup --global

> npx rollup --config

：andles node.js模塊分辨率。：將COMPORJS模塊轉換為ES模塊。

：在構建過程中替換代碼中的代幣。

@rollup/plugin-node-resolve：將ES6代碼轉換為ES5（考慮現代瀏覽器支持的替代方案）。
@rollup/plugin-commonjs：減去輸出代碼。
@rollup/plugin-replace記住使用
數@rollup/plugin-buble中。
rollup-plugin-terser高級技術：

npm install <plugin-name> --save-dev</plugin-name>>plugins>環境變量：rollup.config.js>使用環境變量（例如，

）來有條件地修改構建過程（開發與生產）。

>多個捆綁包：

配置匯總以從不同的入口點生成多個捆綁。

>>代碼拆分：>通過將代碼按需將代碼拆分到加載的較小塊中，進一步優化了您的應用程序。 NODE_ENV>

以上是匯總介紹。的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

JavaScript數據類型：瀏覽器和nodejs之間是否有區別？May 14, 2025 am 12:15 AM

JavaScript核心數據類型在瀏覽器和Node.js中一致，但處理方式和額外類型有所不同。 1)全局對像在瀏覽器中為window，在Node.js中為global。 2)Node.js獨有Buffer對象，用於處理二進制數據。 3)性能和時間處理在兩者間也有差異，需根據環境調整代碼。

JavaScript評論：使用//和 / * * / * / * /May 13, 2025 pm 03:49 PM

JavaScriptusestwotypesofcomments:single-line(//)andmulti-line(//).1)Use//forquicknotesorsingle-lineexplanations.2)Use//forlongerexplanationsorcommentingoutblocksofcode.Commentsshouldexplainthe'why',notthe'what',andbeplacedabovetherelevantcodeforclari

Python vs. JavaScript：開發人員的比較分析May 09, 2025 am 12:22 AM

Python和JavaScript的主要區別在於類型系統和應用場景。 1.Python使用動態類型，適合科學計算和數據分析。 2.JavaScript採用弱類型，廣泛用於前端和全棧開發。兩者在異步編程和性能優化上各有優勢，選擇時應根據項目需求決定。

Python vs. JavaScript：選擇合適的工具May 08, 2025 am 12:10 AM

選擇Python還是JavaScript取決於項目類型：1)數據科學和自動化任務選擇Python；2)前端和全棧開發選擇JavaScript。 Python因其在數據處理和自動化方面的強大庫而備受青睞，而JavaScript則因其在網頁交互和全棧開發中的優勢而不可或缺。

Python和JavaScript：了解每個的優勢May 06, 2025 am 12:15 AM

Python和JavaScript各有優勢，選擇取決於項目需求和個人偏好。 1.Python易學，語法簡潔，適用於數據科學和後端開發，但執行速度較慢。 2.JavaScript在前端開發中無處不在，異步編程能力強，Node.js使其適用於全棧開發，但語法可能複雜且易出錯。

JavaScript的核心：它是在C還是C上構建的？May 05, 2025 am 12:07 AM

javascriptisnotbuiltoncorc; sanInterpretedlanguagethatrunsonenginesoftenwritteninc.1）JavascriptwasdesignedAsignedAsalightWeight，drackendedlanguageforwebbrowsers.2）Enginesevolvedfromsimpleterterpretpretpretpretpreterterpretpretpretpretpretpretpretpretpretcompilerers，典型地，替代品。

JavaScript應用程序：從前端到後端May 04, 2025 am 12:12 AM

JavaScript可用於前端和後端開發。前端通過DOM操作增強用戶體驗，後端通過Node.js處理服務器任務。 1.前端示例：改變網頁文本內容。 2.後端示例：創建Node.js服務器。

Python vs. JavaScript：您應該學到哪種語言？May 03, 2025 am 12:10 AM

選擇Python還是JavaScript應基於職業發展、學習曲線和生態系統：1)職業發展：Python適合數據科學和後端開發，JavaScript適合前端和全棧開發。 2)學習曲線：Python語法簡潔，適合初學者；JavaScript語法靈活。 3)生態系統：Python有豐富的科學計算庫，JavaScript有強大的前端框架。

See all articles