搜索 - 腾讯云开发者社区-腾讯云

文章/答案/技术大牛

发布

来自专栏性能与架构
前端模块化工具 Browserify
点击进来后，进入了原始的 test.js 自动打包在开发过程中，频繁的手动执行 browserify 命令也是挺麻烦的，最好能在源文件变化后自动打包 watchify 可以实现这个需求，先安装 $ npm install -g watchify 然后使用 watchify 替代 browserify 命令 $ watchify test.js -d -o bundle.js -v 1840 test.js 及其引用的相关模块的变化，代码被修改后，马上会自动打包，并输出打包信息，所以修改代码后，直接刷新浏览器就可以了从上面的信息中可以看到，第二次打包的时间比第一次短了不少，这是因为 watchify
3.7K40发布于 2018-04-03
来自专栏Vincent-yuan
Vue.js——60分钟browserify项目模板快速入门
开发时成成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就不难理解了。
1.7K20发布于 2020-07-16
来自专栏jeremy的技术点滴
gulp替换webpack
"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
2.9K40发布于 2018-05-10
来自专栏JavaScript高阶应用
从零开始构建你的 Gulp
.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
1.7K40编辑于 2024-03-19
来自专栏埋名
最流行的4种前端构建项目工具介绍
addition there are tons of smaller transformation tools that allow you to move beyond the basic usage (ie. watchify 你可以用 Gulp 调用它，此外有很多转换小工具可以让你更兼容的使用（比如 watchify 提供了一个文件监视器帮助你在开发过程中更加自动化地把文件合并起来），这样会省下很多精力。
1.9K30发布于 2018-10-18
来自专栏向治洪
ReactJs和React Native的那些事
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 即可。
2.8K100发布于 2018-02-05
来自专栏前端博客
前端模块化方案：前端模块化/插件化异步加载方案探索
虽然我们可以使用 watchify(可以动态把你写的代码立即编译成bundle) 和 --debug 选项(给编译后的代码加上source maps)。但是依然只是近似于直接调试源代码。
2.4K20编辑于 2023-05-14

前端模块化工具 Browserify

Vue.js——60分钟browserify项目模板快速入门

gulp替换webpack

从零开始构建你的 Gulp

最流行的4种前端构建项目工具介绍

ReactJs和React Native的那些事

前端模块化方案：前端模块化/插件化异步加载方案探索

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐