点击进来后,进入了原始的 test.js 自动打包 在开发过程中,频繁的手动执行 browserify 命令也是挺麻烦的,最好能在源文件变化后自动打包 watchify 可以实现这个需求,先安装...$ npm install -g watchify 然后使用 watchify 替代 browserify 命令 $ watchify test.js -d -o bundle.js -v 1840...test.js 及其引用的相关模块的变化,代码被修改后,马上会自动打包,并输出打包信息,所以修改代码后,直接刷新浏览器就可以了 从上面的信息中可以看到,第二次打包的时间比第一次短了不少,这是因为 watchify
开发时成成build.js 在package.json文件的scripts节点下,有3行配置: "scripts": { "watchify": "watchify -vd -p browserify-hmr...serve" } npm run dev 命令执行的是dev节点对应的命令 npm-run-all --parallel watchify serve ,这行命令是依赖于watchify的,也就是下面这行命令...watchify 是什么东东呢?browserify的编译是比较缓慢的,当一个browserify项目开始变大时,编译打包的时间会变得较长。...在一个大型的项目中使用watchify,第一次打包的时候可能还会花较长时间,但是后续的编译打包将消耗较短的时间。...更多的watchify信息,请参考:https://github.com/substack/watchify/ 发布时生成build.js 在理解了上述编译过程后,发布时build.js就不难理解了。
"merge-stream": "^1.0.1", "vinyl-buffer": "^1.0.0", "vinyl-source-stream": "^1.1.0", "watchify...= require('gulp-util'); const ifElse = require('gulp-if-else'); const _ = require('lodash'); const watchify...= require('watchify'); const runSequence = require('gulp-run-sequence'); const imageRev = require('gulp-css-image-rev...env.production, plugin: [watchify, errorify] }; let opts = _.assign({}, watchify.args
.pipe(jshint.reporter(stylish)) }) 图片 图片 通过引入 browserify 插件,使得我们可以在浏览器中加载 Node.js 模块,而 watchify...browserify = require('browserify'), source = require('vinyl-source-stream'), watchify...= require('watchify'), bundleLogger = require('../......on('finish', reportFinished) } if(global.isWatching) { bundler = watchify
addition there are tons of smaller transformation tools that allow you to move beyond the basic usage (ie. watchify...你可以用 Gulp 调用它,此外有很多转换小工具可以让你更兼容的使用(比如 watchify 提供了一个文件监视器帮助你在开发过程中更加自动化地把文件合并起来),这样会省下很多精力。
install -g babel-cli npm install babel-preset-react babel example.js --presets react --out-dir=build watchify...因此,安装了watchify后,你甚至不用修改browserify已有的配置,直接执行 watchify x.js -o x.out.js 即可。
因此,Browserify本身只保留了必要的功能,其它都由插件去实现,如watchify、factor-bundle等。
虽然我们可以使用 watchify(可以动态把你写的代码立即编译成bundle) 和 --debug 选项(给编译后的代码加上source maps)。但是依然只是近似于直接调试源代码。
领取专属 10元无门槛券
手把手带您无忧上云