大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全家桶1年46,售后保障稳定
1.Browserify是什么?
“Browserify lets you require(‘modules’) in the browser by bundling up all of your dependencies.” – Browserify.org
出自官网的一句话。用通俗的话讲就是:browserify 是一个浏览器端代码模块化工具,可以处理模块之间的依赖关系,让服务器端的 CommonJS 格式的模块可以运行在浏览器端。
2.我们用Browserify来做什么
Browserify的原理:处理代码依赖,将模块打包到一起,实现压缩合并代码。 Browserify 可以让你使用类似于 node 的
require() 的方式来组织浏览器端的 Javascript 代码,通过预编译让前端 Javascript 可以直接使用 Node
NPM 安装的一些库。
3.安装
npm install -g browserify
4.示例
- main.js 的内容,像普通的 nodejs 程序那样使用 require() 加载库和文件。
var foo = require('./foo.js');
var bar = require('../lib/bar.js');
var cal = function() {
return foo(100) + bar('baz');
}
- 导出的方法:
module.exports = cal;
- 使用 browserify 编译:
browserify main.js > bundle.js
- 现在 main.js 需要的所有其它文件都会被编译进 bundle.js 中,包括很多层 require() 的情况也会一起被递归式的编译过来。编译好的 js 可以直接拿到浏览器使用
<script src="bundle.js"></script>
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/210006.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...