編譯前端工程

2021-07-25 10:43:50 字數 748 閱讀 6379

不全棧 以後就會爛大街,失業

所以 忙了乙個下午前端

1.本機已經安裝nodejs

2. npm install -g yo bower gulp  --registry=

3. cd 專案根目錄 目錄下有 

bower.json, 

gruntfile.js,

package.json

4. npm install  --registry=

5. bower install 

根據 bower.json 選版本 

6. 檢視  gruntfile.js 內容

// we need our bower components in order to develop

gtx.alias('build:angular', [

'recess:less', 

'clean:angular', 

'copy:libs', 

'copy:angular', 

'useminprepare', 

'concat:generated',

'cssmin:generated',

'uglify:generated',

'usemin',

'clean:tmp'

]);grunt build:angular  //事先必須裝好grunt  npm install -g grunt --registry= 

7. npm start

前端工程化 webpack babel編譯ES6)

最新版安裝與普通安裝 使用babel loader編譯es6,需要遵循規範,安裝babel presets 規範列表 對應babel loader,babel preset安裝最新版和普通版 presets算是loader的引數,如何指定引數?babel presets也有乙個引數就是targets...

前端工程目錄

目前來說,按照概念,前端工程 至少應該是要解決以下幾個方面的問題 1 提供專案開發所需的一整套執行環境,這和 ide作用類似,由於前端開發的特殊性,這個 ide 是乙個整合了多種語言和工具的開發環境 2 資源管理,包括資源獲取 依賴處理 實時更新 按需載入 公共模組管理等。這裡也可以看成是元件化和模...

Makefile工程編譯

1.寫在前面 本篇文章講的是接前面makefile之編譯多個可執行程式中第二個需求,並延伸到對正規工程的編譯。2.工程 我接觸的工程有2種情況 所有原始檔都放乙個目錄 按模組分放不同的目錄 下面按照這兩種情況講解。3.所有原始檔都放乙個目錄 不建議所有原始檔都放乙個目錄,當工程大時,乙個目錄下會有很...