tag commonjs

標籤
貢獻18
68
09:00 AM · Nov 03 ,2025
heiyanjing 頭像 icecreamlj 頭像 u_16213715 頭像 aus_zby 頭像 weirdo_5f6c401c6cc86 頭像 hx19 頭像 shenfq 頭像 tonyyoung 頭像 bill_5bac65cc7963b 頭像 juwairen_59422060e07ce 頭像 wanzuqiudeshangba 頭像 syfssb 頭像

@commonjs / 博客 RSS 訂閱

heiyanjing 頭像

HeiYanjing - CommonJS模塊分類及加載流程，及模塊加載模擬實現

模塊分類 內置模塊:Node源碼編譯時寫入到二進制文件中 文件模塊：代碼運行時，動態加載 加載流程 路徑分析：依據標識符確定模塊位置（路徑標識符、非路徑標識符） 文件定位：確定目標模塊中具體的文件及文件類型（存在'm1'模塊，導入時使用require('m1')語法，使用m1.js-m1.json-m1.node的順序，如果都沒找到，會被當做一個目錄，查找package.json文件

commonjs

收藏 評論

wanzuqiudeshangba 頭像

玩足球的傷疤 - ECMAScript 6 (ES6) 中的模塊系統：從 CommonJS 到 ES6 模塊的演變

ECMAScript 6（通常稱為 ES6 或 ECMAScript 2015）是 JavaScript 語言的一個重大更新，帶來了許多新特性，這些特性極大地增強了語言的功能性和可維護性。其中，模塊系統的引入是 ES6 最重要的特性之一，它徹底改變了 JavaScript 的開發模式，從而推動了 JavaScript 在大型應用程序中的使用。 本文將專注於 ES6 模塊系統，討論它的核心概念、與舊

ecmascript-6 , es6module , commonjs , 前端 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 命令行應用開發初學者指南：腳手架篇、UI 庫和交互工具

在日常的前端開發工作中，我們經常依賴各種命令行工具來提高效率和代碼質量。例如，create-react-app 和 eslint 等工具不僅簡化了項目的初始化過程，還能自動執行代碼檢查和格式化任務。當我們使用這些工具時，它們通常會通過一系列互動式的問答來收集必要的信息，從而根據我們的選擇進行相應的配置和安裝。 以 eslint 工具為例（如下圖所示），當你首次運行 eslint --init 命令

node.js , 前端工程化 , commonjs , 前端 , Javascript

收藏 評論

heath_learning 頭像

heath_learning - 解決vue項目導入js報does not provide an export named 'defanlt’錯誤問題

問題描述 使用webpack打包的umd格式的js插件導入到vue2項目中無法使用，報錯如下： SymtaxError: The reguested module '/xxxin js’does not provide an export named 'defanlt’ vue-cli版本不同現象： vue-cli 4.5.15會報’does not provide an exp

ecmascript-6 , es6module , vue-cli3 , commonjs , webpack

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 前端模塊化進化史：從全局 function 到 ES Modules

目前，前端開發已經離不開由 CommonJS、ES Modules 和 Webpack 構建的模塊化開發環境。無論是 JavaScript、CSS、圖片還是其他資源，都可以作為一個模塊來處理。那麼，模塊化究竟是如何發展到今天的呢？ 全局函數模式 最初的前端模塊化嘗試是通過 全局函數來實現的。例如，在一個 util.js 文件中定義了一個變量 count 和一個工具函數 formatNumberWi

amd , commonjs , es-modules , 前端 , Javascript

收藏 評論

refanbanzhang 頭像

熱飯班長 - CommonJS的兩種導出方式

知道的朋友應該知道，CommonJS有兩種導出方式，如下所示： // module1.js const name1 = 'Ben'; const name2 = 'Lisa' // 導出方式1 module.exports = { name1, name2, }; // 導出方式2 exports.name1 = name1; exports.name2 = name2; 差異 那麼上

commonjs

收藏 評論

gssggssg 頭像

四冥 - JS模塊化系統

JS模塊化系統 隨着 JavaScript 開發變得越來越廣泛，命名空間和依賴關係變得越來越難以處理。人們已經開發出不同的解決方案以模塊系統的形式來解決這個問題。 CommonJS(CJS) CommonJS 是一種同步加載模塊的規範，主要用於服務器端的 Node.js 環境。 // 模塊導出 module.exports = { // 模塊內容 }; // 模塊導入 const modul

amd , 模塊化 , commonjs , Javascript

收藏 評論

jdcdevloper 頭像

京東雲開發者 - 前端技術探秘-Nodejs的CommonJS規範實現原理 | 京東物流技術團隊

瞭解Node.js Node.js是一個基於ChromeV8引擎的JavaScript運行環境，使用了一個事件驅動、非阻塞式I/O模型，讓JavaScript 運行在服務端的開發平台，它讓JavaScript成為與PHP、Python、Perl、Ruby等服務端語言平起平坐的腳本語言。Node中增添了很多內置的模塊，提供各種各樣的功能，同時也提供許多第三方模塊。 模塊的問題 為什麼要有模塊 複雜的

chrome , node.js , commonjs , 前端 , Javascript

收藏 評論

gkymfrg1 頭像

ohoherror - CommonJS和ESM (ES6模塊）的區別

CommonJS和ESM (ES6模塊)都是JavaScript模塊標準，但是它們有一些區別，主要包括以下幾個方面: 語法差異：CommonJS使用require語法引入模塊，而ESM使用import語法引入模塊。 加載方式：CommonJS使用同步加載方式，即遇到require就執行代碼，並等待結果返回後再繼續執行；而ESM使用異步加載方式，它是通過Promise的方式異步加載模塊，遇到i

commonjs , 前端

收藏 評論

syfssb 頭像

1916 - js模塊化

js模塊化 https://blog.csdn.net/weixin_... https://zh.javascript.info/mo... commonJS 基於node端的運行 暴露 const name = "xxx"; const age = 1; /** * moudle.exports={}暴露 */ module.exports = { getName,

node.js , es6module , commonjs , Javascript

收藏 評論

u_16213715 頭像

mob64ca1417eedd - Javascript模塊化發展，前端的血淚史。_真話前端的技術博客

今天我們來聊聊JavaScript模塊化，它是前端進入工程化時代的基石。 文章目錄 系列文章目錄 引言：為什麼需要模塊化？ 一、模塊化的進化過程 1.1 原始階段：全局函數模式 1.2 命名空間(namespace)模式 1.3 IIFE模式（Imme

amd , ES6 , 後端開發 , 模塊化 , commonjs , harmonyos , Javascript

收藏 評論

lufeidexiao 頭像

路飛的笑 - webpack打包js文件的分析

在使用webpack中的項目的時候，我們可以使用esModule，也可以使用commonJS，還可以使用import(moduleName)進行模塊的懶加載，那麼這一切webpack是怎麼做到的呢？ 1、準備工作 1.1、 使用webapck@4 webpack-cli@3 "html-webpack-plugin": "4", "webpack": "4", "webpack-cli": "3"

es6module , commonjs , webpack

收藏 評論

juwairen_59422060e07ce 頭像

局外人 - 深入淺出 ESM 模塊 和 CommonJS 模塊

阮一峯在 ES6 入門 中提到 ES6 模塊與 CommonJS 模塊有一些重大的差異： CommonJS 模塊輸出的是一個值的拷貝，ES6 模塊輸出的是值的引用。 CommonJS 模塊是運行時加載，ES6 模塊是編譯時輸出接口。 再細讀上面阮老師提到的差異，會產生諸多疑問： 為什麼 CommonJS 模塊輸出的是一個值的拷貝？其具體細節是什麼樣子的？ 什麼叫 運行時加載? 什麼

ecmascript-6 , node.js , commonjs , 前端 , Javascript

收藏 評論

heiyanjing 頭像

HeiYanjing - 根據webpack打包規則，實現簡單的打包手寫實現

首先導入導出分為幾類 CommonJS導入CommonJS EsModule導入CommonJS EsModule導入EsModule 根據實現規則，簡單代碼樣例 // index.js // import log,{age} from "./log.js" // // let log = require('./log.js') // console.log('index.js內容')

ecmascript-6 , commonjs , webpack4

收藏 評論

bill_5bac65cc7963b 頭像

Bill - 前端模塊化CommonJs、AMD、CMD、ES

CommonJs、ADM、CMD 什麼是模塊 將一個複雜的程序依據一定的規則(規範)封裝成幾個塊(文件), 並進行組合在一起 塊的內部數據與實現是私有的(閉包/封裝), 只是向外部暴露一些接口(方法)與外部其它模塊通信 模塊化的進化過程 全局function模式 : 將不同的功能封裝成不同的全局函數 代碼: 將不同的功能封裝成不同的全局函數 問題: 污染全局命名

ecmascript-6 , cmd , amd , commonjs , Javascript

收藏 評論

tonyyoung 頭像

拖泥羊 - 前端工程化4：如何去做js模塊化開發？ES Modules/CommonJS有什麼區別？

1. 如何去做js模塊化開發 = 模塊化標準 + 加載器 1.1、我們説討論的僅限於javascript代碼的模塊化，如果要涉及到所有文件的模塊化請使用webpack。 1.2、那麼js的模塊化可以用一句話概括：模塊化標準 + 加載器；本文主要介紹模塊化標準。 2. 幾種模塊化標準對比： CommonJS 1、以同步的模式加載模塊：通常在Nodejs環境使用，不適合瀏覽器 1. 因為服務器讀

模塊化 , commonjs , es-modules , 前端 , Javascript

收藏 評論

shenfq 頭像

Shenfq - 前端模塊化的前世

隨着前端項目的越來越龐大，組件化的前端框架，前端路由等技術的發展，模塊化已經成為現代前端工程師的一項必備技能。無論是什麼語言一旦發展到一定地步，其工程化能力和可維護性勢必得到相應的發展。 模塊化這件事，無論在哪個編程領域都是相當常見的事情，模塊化存在的意義就是為了增加可複用性，以儘可能少的代碼是實現個性化的需求。同為前端三劍客之一的 CSS 早在 2.1 的版本就提出了 @import 來實現模塊

前端模塊化 , seajs , commonjs , requirejs , Javascript

收藏 評論

hx19 頭像

時雨 - 前端模塊化的演進過程

CommonJS 服務端模塊化規範 通過require方法同步加載依賴模塊 通過module.export導出模塊 // 導出 var num = 0; function add(a,b) { return a + b; } module.export = { num: num, add: add } // 導入 var math = re

module , seajs , commonjs , requirejs

收藏 評論

weirdo_5f6c401c6cc86 頭像

Weirdo - CommonJS規範 ES6模塊化規範

JavaScript模塊化規範 1.模塊化概述 2.有哪些模塊化規範 3.導入導出的概念 4.CommonJS規範 可以安裝兩個vscode插件： 1. Code Runner:安裝後可直接運行js文件，如在打開的index.js文件右鍵點擊Run Code 即可在終端查看運行結果 2. Live Server:安裝後可直接在瀏覽器端預覽頁面效果，如在index.html文

cmd , amd , commonjs , 前端 , Javascript

收藏 評論

aus_zby 頭像

Aus0049 - JavaScript模塊化發展

模塊化是我們日常開發都要用到的基本技能，使用簡單且方便，但是很少人能説出來但是的原因及發展過程。現在通過對比不同時期的js的發展，將JavaScript模塊化串聯起來整理學習記憶。 如何理解模塊化 面臨的問題 技術的誕生是為了解決某個問題，模塊化也是。在js模塊化誕生之前，開發者面臨很多問題：隨着前端的發展，web技術日趨成熟，js功能越來越多，代碼量也越來越大。之前一個項目通常各個頁面公用一個j

seajs , 模塊化 , commonjs , requirejs , Javascript

收藏 評論