Browserify_browses

Browserify_browses1.Browserify是什么?“Browserifyletsyourequire(‘modules’)inthebrowserbybundlingupallofyourdependencies.”-Browserify.org出自官网的一句话。用通俗的话讲就是:browserify是一个浏览器端代码模块化工具,可以处理模块之间的依赖关系,让服务器端的

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新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

Jetbrains全家桶1年46,售后保障稳定

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>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/210006.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 牛客网–2的幂次方

    牛客网–2的幂次方

    2021年5月19日
    122
  • P2P技术和运用

    P2P技术和运用文章目录1.P2P技术1.1P2P技术优势2.P2P网络结构2.1组建P2P网络要解决的3个基本问题:2.2P2P网络类型:2.3集中式P2P网络2.3.1集中式P2P网络的特点2.3.2集中式P2P优缺点2.3.2.1优点2.3.2.2缺点2.4分布式非结构化P2P网络–Gnutella2.4.1洪泛算法:2.4.2Gnutella:2.4.3PureP2P特点:2.5结构化P2P网络2.5.1DHT的基本概念2.5.1.1DHT的特点2.5.1.2DHT应用举

    2022年6月19日
    20
  • 素数_c语言素数判断程序

    素数_c语言素数判断程序素数

    2022年4月20日
    69
  • 设置Windows系统自动登录

    设置Windows系统自动登录

    2021年8月17日
    46
  • 初学者c语言_怎样自学C语言

    初学者c语言_怎样自学C语言一、c语言教程入门C语言一经出现就以其功能丰富、表达能力强、灵活方便、应用面广等特点迅速在全世界普及和推广。C语言不但执行效率高而且可移植性好,可以用来开发应用软件、驱动、操作系统等。C语言也是其它众多高级语言的鼻祖语言,所以说学习C语言教程是进入编程世界的必修课!二、C语言的具体结构更多详细C语言进阶教程也可以关注微信公众号“C和C加加”回复“ZXC”即可获取!简单来说,一个C程序就是由若干头文件和函数组成。#include<stdio.h>就是一条预处理命令

    2022年9月14日
    5
  • Visual Studio 2010旗舰版正式版序列号

    Visual Studio 2010旗舰版正式版序列号用记事本打开:Setup–&gt;setup.sdb文件,将[ProductKey]YR3W8FCM2B7BKF9HMQFTCH7WK改成[ProductKey]YCFHQ9DW

    2022年7月20日
    15

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号