Browserify的使用

2022-03-24 543 0

Browserify介绍

Browserify是一个浏览器端代码模块化的JavaScript打包工具,可以使用类似于Node的require()方法加载NPM模块,在HTML文件中使用script标签引用Browserify编译后的代码。

https://browserify.org/

命令行参数及说明:

-outfile, -o:将Browserify日志打印成文件。
-require, -r:绑定模块名或文件,用逗号分隔。
-entry, -e:应用程序的入口。
-ignore, -i:省略输出。
-external, -x:从其他绑定引入文件。
-transform, -t:对上层文件进行转换。
-command,-c:对上层文件使用转换命令。
-standalone -s:生成一个UMD(Universal Module Definition)类型的接口,提供给其他模块使用。
-debug -d:激活source maps调试文件。
-help,-h:显示帮助界面。
-insert-globals,–ig,–fast:跳过检查,定义全局变量。
-detect-globals, --dg:检查全局变量是否存在。
-ignore-missing,–im:忽略require()方法。
noparse=FILE:不解析文件,直接build。
-deps:打印完整输出日志。
-list:打印每个文件的依赖关系。
-extension=EXTENSION:指定扩展名的文件作为模块加载,允许多次设置。

使用Browserify步骤:

  1. Node程序代码 demo.js

    var AWS = require('aws-sdk');
    var s3 = new AWS.S3();
    s3.listBuckets(function(err, data) { console.log(err, data); });
  2. 用Browserify将nodejs代码预编译成浏览器兼容的版本:

    $ browserify demo.js > browser-demo.js
  3. 在HTML中引用browser-demo.js运行代码。

    <script src="bundle.js"></script>

相关文章

使用js处理网站被非法镜像

发布评论