babel + browserify 工作流程
Work flow about babel + browserify
全部:
我看Facebook React教程的时候,只讲了如何用babel转译,没有讲browserify的内容,不知道用了没gulp,如何用babel构建工作流,浏览器化。
例如:
- 转译/js文件夹下的所有*.js文件,复制到/build/js
- 当1准备好后,将所有/build/js/*.js broserify成bundle.js并复制到/dist/js
- 复制 *.html 到 /dist/
就是这样!谢谢
您可以这样做,或者在同一步骤中编译和 browserify 以及用于 browserify 的 babelify 转换。
这是一个基本示例,说明如何使用 babelify 一步编译和捆绑模块,并假设一个入口文件具有包含您要捆绑的所有模块的依赖关系图。
browserify('./js/entry')
.transform(babelify)
.bundle()
.pipe(fs.createWriteStream('./dist/bundle.js'));
全部:
我看Facebook React教程的时候,只讲了如何用babel转译,没有讲browserify的内容,不知道用了没gulp,如何用babel构建工作流,浏览器化。
例如:
- 转译/js文件夹下的所有*.js文件,复制到/build/js
- 当1准备好后,将所有/build/js/*.js broserify成bundle.js并复制到/dist/js
- 复制 *.html 到 /dist/
就是这样!谢谢
您可以这样做,或者在同一步骤中编译和 browserify 以及用于 browserify 的 babelify 转换。
这是一个基本示例,说明如何使用 babelify 一步编译和捆绑模块,并假设一个入口文件具有包含您要捆绑的所有模块的依赖关系图。
browserify('./js/entry')
.transform(babelify)
.bundle()
.pipe(fs.createWriteStream('./dist/bundle.js'));