標籤:

【aux】統一現有的開發工具

該系列是我對團隊現有開發亂象的思考

工作兩年下來 正式項目也超過10個了

以前開發周期長 間隔時間也長 每個項目都是拷貝build開發工具

開發工具升級了好多次 老的項目不敢升級build工具 npm的包太不穩定了

所以這次我決定 統一一下開發工具

安裝方式選擇

首先我放棄了使用node寫全局命令的想法 那個兼容性我沒法確保

將來如果有人用了一些類似linux魔改之類的系統 風險大

npm 也不好 因為公司不可能為這個項目 浪費一個私有npm

所以只好選擇git來管理

lbc19920615/aux-build - 碼雲 Gitee.comgitee.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/webelementgithub.com圖標
推薦閱讀:

現代 CSS 進化史
序章 曦粥簡言
熟練使用這幾款仿站工具, 推廣事半功倍
OSI-TCP/IP協議族

TAG:前端開發 |