【aux】統一現有的開發工具
02-26
該系列是我對團隊現有開發亂象的思考
工作兩年下來 正式項目也超過10個了
以前開發周期長 間隔時間也長 每個項目都是拷貝build開發工具
開發工具升級了好多次 老的項目不敢升級build工具 npm的包太不穩定了
所以這次我決定 統一一下開發工具
安裝方式選擇
首先我放棄了使用node寫全局命令的想法 那個兼容性我沒法確保
將來如果有人用了一些類似linux魔改之類的系統 風險大
npm 也不好 因為公司不可能為這個項目 浪費一個私有npm
所以只好選擇git來管理
lbc19920615/aux-build - 碼雲 Gitee.com安裝的時候放在項目目錄下build目錄就好了
就近編譯功能
就近翻譯的支持格式
mjs
可以使用es6 module 語法兼容到es2015水準
es6
簡單的es6翻譯 語法兼容到es2015水準
twig
模板預處理工具 用來翻譯成 html
webpack app項目
一些文件想要指定目錄
這些就使用webpack來打包
默認提供一個團隊webpack app規則
會默認使用src目錄下三個文件
app.htmlapp.cssapp.js
默認導出到dist目錄
結合就近編譯的功能
app.twigapp.scssapp.es6
會更加出色
團隊共享同一套編譯規則 方便文件引用
團隊項目不會公開 我自己一直在寫webcomponent的ie8兼容版本 就用了這個編譯工具
https://github.com/andypinet/webelement推薦閱讀:
※現代 CSS 進化史
※序章 曦粥簡言
※熟練使用這幾款仿站工具, 推廣事半功倍
※OSI-TCP/IP協議族
TAG:前端開發 |