-modules精品文章

• 

  手寫(xiě)一個(gè)CommonJS打包工具（一）

  ...不支持 CommonJS 的主要原因是缺少了以下幾個(gè)環(huán)境變量： module exports require global 換句話說(shuō)，打包器的原理就是模擬這四個(gè)變量的行為。 比如我們有一個(gè)index.js文件，依賴了module1和module2兩個(gè)模塊，并且module1依賴module2： //index.js v...

  GHOST_349178 2019-08-19 18:04 評(píng)論0 收藏0
• 

  js手札--關(guān)于AMD的簡(jiǎn)單分析

  AMD中define常見(jiàn)的形式 define(alpha ,[require, exports, module], function(require, exports, module) { var foo = require(foo); module.exports = exports = function() { foo.doSomething(); } }); 參數(shù) 第一個(gè)...

  frank_fun 2019-08-19 18:23 評(píng)論0 收藏0
• 

  深入 CommonJs 與 ES6 Module

  目前主流的模塊規(guī)范 UMD CommonJs es6 module umd 模塊（通用模塊） (function (global, factory) { typeof exports === object && typeof module !== undefined ? module.exports = factory() : typeof define === functio...

  sanyang 2019-08-23 14:42 評(píng)論0 收藏0
• 

  Nginx 源碼分析：從模塊到配置（上）

  ...多個(gè)基本的模塊構(gòu)成，其中，核心的部分是一個(gè)叫ngx_core_module的模塊。當(dāng)然，對(duì)于一個(gè)web服務(wù)器，僅僅有一個(gè)核心是不夠的，還需要大量的輔助模塊。這有點(diǎn)像Linux的設(shè)計(jì)，一堆外圍設(shè)施作為模塊與Linux內(nèi)核構(gòu)成整個(gè)Linux系統(tǒng)...

  gotham 2019-07-25 13:30 評(píng)論0 收藏0
• 

  【nginx運(yùn)維基礎(chǔ)(1)】Nginx的編譯安裝與使用

  ...sl* # 編譯 ./configure --prefix=/usr/local/nginx-1.5.1 --with-http_ssl_module --with-http_stub_status_module --with-pcre # 編譯參數(shù)說(shuō)明 --with-http_stub_status_module #支持nginx狀態(tài)查詢 --with-http_ssl_module...

  jimhs 2019-07-25 14:47 評(píng)論0 收藏0
• 

  簡(jiǎn)單易懂的CSS Modules

  不要誤會(huì)，CSS Modules可不是在說(shuō)css模塊化這個(gè)好像在某些地方見(jiàn)過(guò)的詞，它其實(shí)是特指一種近期才出現(xiàn)的技術(shù)手段。 什么技術(shù)手段呢？請(qǐng)待后文說(shuō)明。 層疊樣式表 我們知道，css的全名叫做層疊樣式表，這個(gè)層疊到底...

  chunquedong 2019-08-30 12:58 評(píng)論0 收藏0
• 

  模塊管理的簡(jiǎn)單實(shí)現(xiàn)

  ...來(lái)進(jìn)行依賴管理會(huì)好一點(diǎn)。 實(shí)現(xiàn)1 (function(global){ var modules = {}; var define = function (id,factory) { if(!modules[id]){ modules[id] = { id : id, fa...

  roundstones 2019-08-21 10:55 評(píng)論0 收藏0
• 

  webpack2 示例之：Scope Hoisting 和 Code Splitting

  ...; lazy.js export * from c; import * as d from d; export { d }; a.js // module a export var a = a; export * from shared; b.js // module b export function a() { return b; }; c.js // module c impo...

  chunquedong 2019-08-20 18:52 評(píng)論0 收藏0
• 

  如何查看一個(gè) js, ts 文件模塊的依賴樹(shù)

  ...來(lái)匹配（如：-q react|react-dom -r） -i, --ignore: 不顯示 node_modules 里的文件 使用的第三方庫(kù) commander.js node-dependency-tree 例子 查看一個(gè)文件的依賴結(jié)構(gòu) sdep example/index.js example/index.js ├ example/css/css.css ├ example/...

  hlcc 2019-08-23 16:31 評(píng)論0 收藏0
• 

  webpack初探——js打包

  ... return date; } webpack打包后的bundle.js如下： /******/ (function(modules) { // webpackBootstrap /******/ // The module cache /******/ var installedModules = {}; /******/ /******/ // The req...

  dack 2019-08-22 18:04 評(píng)論0 收藏0
• 

  前端模塊化雜記

  前言 CMDAMD簡(jiǎn)介 Commonjs簡(jiǎn)介 Module簡(jiǎn)介 Common和Module的區(qū)別 Module與webpack Module與Babel 一些問(wèn)題 總結(jié) 引用 前言 前端模塊化在近幾年層出不窮，有Node的CommonJs,也有屬于client端的CMD/AMD模式，而ES6本身也出現(xiàn)了Modules，再加上Webpack以...

  GitCafe 2019-08-26 13:29 評(píng)論0 收藏0
• 

  在 Node.js 中引入模塊：你所需要知道的一切都在這里

  ...log/posts/detail?postId=58eaf471a58c240ae35bb8e3 英文連接：Requiring modules in Node.js: Everything you need to know Node 中有兩個(gè)核心模塊來(lái)對(duì)模塊依賴進(jìn)行管理： require 模塊。全局范圍生效，不需要 require(require)。 module 模塊。全局范圍生效，...

  aristark 2019-08-20 15:46 評(píng)論0 收藏0
• 

  CommonJS 模塊化簡(jiǎn)易實(shí)現(xiàn)

  ...箱執(zhí)行代碼，防止變量污染 const vm = require(vm); 2、創(chuàng)建 Module 構(gòu)造函數(shù) 其實(shí) CommonJS 中引入的每一個(gè)模塊我們都需要通過(guò) Module 構(gòu)造函數(shù)創(chuàng)建一個(gè)實(shí)例。 // 創(chuàng)建 Module 構(gòu)造函數(shù) /* * @param {String} p */ function Module(p) { this.id = p; // 當(dāng)...

  roadtogeek 2019-08-23 12:19 評(píng)論0 收藏0