批量轉(zhuǎn)換 AMD 與 CommonJs 模塊到 ES 模塊

liukai90 發(fā)布于2019-08-26 10:44 / 1704人閱讀

摘要：批量轉(zhuǎn)換與模塊到模塊就前端而言，的模塊化寫法已經(jīng)是主流了，但很多老的項(xiàng)目都是用或者規(guī)范寫的。由于現(xiàn)在已經(jīng)慢慢不太支持或者規(guī)范的代碼，所以需要把這兩種規(guī)范的代碼都轉(zhuǎn)換成規(guī)范的代碼。

批量轉(zhuǎn)換 AMD 與 CommonJs 模塊到 ES 模塊

就前端而言，ES6 的模塊化寫法已經(jīng)是主流了，但很多老的項(xiàng)目都是用 AMD 或者 CommonJs 規(guī)范寫的。
由于 Webpack 現(xiàn)在已經(jīng)慢慢不太支持 AMD 或者 CommonJs 規(guī)范的代碼，所以需要把這兩種規(guī)范的代碼都轉(zhuǎn)換成 ES6 規(guī)范的代碼。
網(wǎng)上搜了一下，并沒有這之類的工具，我就自己寫了一個(gè)：conv-mod.

安裝

npm install conv-mod -g

使用

conv-mod [options]  [extraDirs...]

參數(shù)

-f, --filter : 查詢某個(gè)字符串，過濾文件

-r, --regular: 當(dāng)查詢某個(gè)字符串，過濾文件時(shí)，把查詢字符串當(dāng)作正則匹配

--amd: 轉(zhuǎn)化 AMD 模塊

--cjs: 轉(zhuǎn)化 CommonJs 模塊

示例

轉(zhuǎn)換 src 目錄下的 AMD 與 CommonJs 代碼

conv-mod src --amd --cjs

轉(zhuǎn)換 src/dir1,src/dir2 目錄下的 AMD 代碼

conv-mod src/dir1 src/dir2 --amd

后續(xù)

更多博客，查看 https://github.com/senntyou/blogs

作者：深予之 (@senntyou)

版權(quán)聲明：自由轉(zhuǎn)載-非商用-非衍生-保持署名（創(chuàng)意共享3.0許可證）

GPU云服務(wù)器云服務(wù)器 amd模塊加載異步模塊加載機(jī)制-amd 模塊與包 python模塊與類

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/106688.html

相關(guān)文章

一覽js模塊化：從CommonJS到ES6

摘要：模塊化規(guī)范有的模塊系統(tǒng)。規(guī)范是服務(wù)器端模塊的規(guī)范，由推廣使用。對(duì)于依賴的模塊，是提前執(zhí)行，是延遲執(zhí)行。瀏覽器廠商和都宣布要原生支持該規(guī)范。它將逐漸取代和規(guī)范，成為瀏覽器和服務(wù)器通用的模塊解決方案。本文由云+社區(qū)發(fā)表模塊化是指把一個(gè)復(fù)雜的系統(tǒng)分解到一個(gè)一個(gè)的模塊。模塊化開發(fā)的優(yōu)點(diǎn)： (1)代碼復(fù)用，讓我們更方便地進(jìn)行代碼管理、同時(shí)也便于后面代碼的修改和維護(hù)。 (2)一個(gè)單獨(dú)的文件就...

antz 2019-08-23 14:15 評(píng)論0 收藏0
前端模塊化和構(gòu)建工具

摘要：以前一直對(duì)前端構(gòu)建工具的理解不深，經(jīng)過幾天的研究特意來總結(jié)一下，第一次寫博客，有寫錯(cuò)的請(qǐng)多多見諒，該文章我也從其他博客拷了一些內(nèi)容，如果有冒犯之處，請(qǐng)指出。強(qiáng)大的設(shè)計(jì)使得它更像是一個(gè)構(gòu)建平臺(tái)，而不只是一個(gè)打包工具。以前一直對(duì)前端構(gòu)建工具的理解不深，經(jīng)過幾天的研究特意來總結(jié)一下，第一次寫博客，有寫錯(cuò)的請(qǐng)多多見諒，該文章我也從其他博客拷了一些內(nèi)容，如果有冒犯之處，請(qǐng)指出。如今，網(wǎng)頁(yè)不再...

ad6623 2019-08-20 18:37 評(píng)論0 收藏0
前端模塊化雜記

摘要：入口模塊返回的賦值給總結(jié)在剖析了整體的流程之后，可以看到相關(guān)的技術(shù)細(xì)節(jié)還是比較清晰的，學(xué)無止境引用混合使用詳解的語法前端模塊化規(guī)范前言 CMDAMD簡(jiǎn)介 Commonjs簡(jiǎn)介 Module簡(jiǎn)介 Common和Module的區(qū)別 Module與webpack Module與Babel 一些問題總結(jié) 引用前言前端模塊化在近幾年層出不窮，有Node的CommonJs,也有屬于cl...

GitCafe 2019-08-26 13:29 評(píng)論0 收藏0
前端模塊化詳解(完整版)

摘要：二模塊化規(guī)范概述應(yīng)用由模塊組成，采用模塊規(guī)范。模塊化語法命令用于規(guī)定模塊的對(duì)外接口，命令用于輸入其他模塊提供的功能。前言在JavaScript發(fā)展初期就是為了實(shí)現(xiàn)簡(jiǎn)單的頁(yè)面交互邏輯，寥寥數(shù)語即可；如今CPU、瀏覽器性能得到了極大的提升，很多頁(yè)面邏輯遷移到了客戶端（表單驗(yàn)證等），隨著web2.0時(shí)代的到來，Ajax技術(shù)得到廣泛應(yīng)用，jQuery等前端庫(kù)層出不窮，前端代碼日益膨脹，此時(shí)...

Sanchi 2019-08-02 13:56 評(píng)論0 收藏0
前端模塊化詳解(完整版)

摘要：二模塊化規(guī)范概述應(yīng)用由模塊組成，采用模塊規(guī)范。模塊化語法命令用于規(guī)定模塊的對(duì)外接口，命令用于輸入其他模塊提供的功能。前言在JavaScript發(fā)展初期就是為了實(shí)現(xiàn)簡(jiǎn)單的頁(yè)面交互邏輯，寥寥數(shù)語即可；如今CPU、瀏覽器性能得到了極大的提升，很多頁(yè)面邏輯遷移到了客戶端（表單驗(yàn)證等），隨著web2.0時(shí)代的到來，Ajax技術(shù)得到廣泛應(yīng)用，jQuery等前端庫(kù)層出不窮，前端代碼日益膨脹，此時(shí)...

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