前端自動化之browserify

github地址https://github.com/substack/node-browserifynode

入手指南:全局安裝or局部安裝react

推薦後者,本地環境移植很是方便git

用途和使用方式:github

用來將js文件和js中依賴的js文件合併,好比index.js依賴app.js實現。那麼能夠經過browserify將index.js和app.js同時打包到一個bundle.jsnpm

而在頁面上只須要加載一個bundle.js便可json

和全局調用不同的方式,在package.json的script中設置「transformBuild: browserify -o build.js index.js」而後運行 npm run transformBuildbabel

經常使用的調用參數app

-o:代表輸出文件 相對路徑+文件名ui

'debug' - apply source mapsspa

browserify.transform編譯方式在 package.json配置

"browserify": {
    "transform": [
      [ "babelify", { "presets": ["es2015", "react"] } ]
    ]
  },

這裏表示使用babelify 編譯轉換語法

待續

相關文章
相關標籤/搜索