前端自动化之browserify

时间 2019-11-24

标签前端自动化 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 编译转换语法

待续