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

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

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

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

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

安裝

npm install conv-mod -g

使用

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

參數(shù)

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

-r, --regular: 當(dāng)查詢某個字符串，過濾文件時，把查詢字符串當(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許可證）

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

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

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

相關(guān)文章

一覽js模塊化：從CommonJS到ES6

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

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

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

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

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

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

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

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

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

Pines_Cheng 2019-08-23 14:12 評論0 收藏0