commonjs browserify打包文件到浏览器端

╰半夏微凉° 2021-07-24 14:34 377阅读 0赞

commonjs基于浏览器browserify应用
    
     开发依赖:当前包只在开发阶段使用
     运行依赖:当在生产/上线阶段使用
    
     1、生成package.json文件, npm init；
     name不能为大写和中文
     
     2、下载browserify模块
     全局 npm install browserify -g
     局部 npm install browserify --save-dev  //开发依赖 --save表示运行依赖
     
     3、打包处理js文件(node在浏览器端未编译)
      browserify 项目中的待打包js文件 -o 打包到的文件位置(没有会创建) //-o 表示output输出
      
     4、浏览器页面<script type='text/javascript' src='打包到的文件路径'>引入打包后的nod

代码示例:  
待打包node.js文件:

let module1=require('./module1');
    let module2=require('./module2');
    let module3=require('./module3');
    module1.foo();
    module2();
    module3.foo();

打包代码:  
![在这里插入图片描述][20200206211346570.png]  
浏览器页面:

<!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <script src="./boundle.js"></script>
    </head>
    <body>
    
    
    <script>
    
    
    </script>
    </body>
    </html>

[20200206211346570.png]: /images/20210724/c536b64decbb486782087d7c1b00e419.png

发表评论取消回复

表情：

评论列表（有 0 条评论，377人围观）

还没有评论，来说两句吧...

相关阅读

相关【JavaScript模块化】3-CommonJS-Browserify模块化教程

Browserify模块化使用教程 1. 创建项目结构 |-js |-dist //打包生成文件的目录 |-src //源码所在的目录

今天药忘吃喽~/ 2024年04月03日 12:47/ 0 赞/ 90 阅读

相关 Java 浏览器、客户端下载SFTP文件

浏览器下载SFTP String directory = "/opt/docs/content/certificate/AICH/"; String

忘是亡心i/ 2023年10月07日 22:57/ 0 赞/ 25 阅读

相关 springboot用poi下载Excel到浏览器端或服务端

/\\ \excelTitles ：excel的title \dataList:数据集合 \clumnKey：key表示一行的第几个cell,value和Indic

╰半夏微凉°/ 2022年12月07日 12:14/ 0 赞/ 265 阅读

相关 python打包列表文件到一个包

python打包列表文件到一个包 def tar_file(tarfile_list): ret = os.system('tar pzcv

梦里梦外;/ 2022年09月25日 06:22/ 0 赞/ 145 阅读

相关 JS模块化3_CommonJS-Browserify模块化教程

CommonJS浏览器端模块化教程 0. 语法与CommonJS服务器端语法完全一致 1. 创建项目结构 |-js |-dist //生成

Love The Way You Lie/ 2022年09月12日 11:49/ 0 赞/ 230 阅读

相关 java 用浏览器到服务器上下载指定文件（含前后端）

其实这篇文章是上篇 pdf文件生成的后续，当时开发的时候就直接下载到桌面了，然后上环境发现下载到了服务器上，因此就赶紧搞了这个，网上的代码千篇一律，他们都是

柔情只为你懂/ 2022年05月15日 09:55/ 0 赞/ 723 阅读

相关通过 Browserify 在浏览器中使用 NodeJS 模块

NodeJS 把 JavaScript 的使用从浏览器端扩展到了服务器端，使得前端开发人员可以用熟悉的语言编写服务器端代码。这一变化使得 NodeJS 很快就流行起来。在 No

旧城等待，/ 2022年03月12日 07:47/ 0 赞/ 862 阅读

相关 vue实现后端文件下载到当前浏览器

比如现在在后端生成一个.sql文件并下载到当前浏览器：比如我的后端接口是localhost:8087/user/userController/exportSql，前端地址是

我会带着你远行/ 2021年12月12日 15:11/ 0 赞/ 919 阅读

相关 browserify - npm(浏览器解析node模板工具)

browserify官方参考文档:[https://www.npmjs.com/package/browserify][https_www.npmjs.com_package_

水深无声/ 2021年09月17日 10:44/ 0 赞/ 360 阅读

相关 commonjs browserify打包文件到浏览器端

commonjs基于浏览器browserify应用开发依赖:当前包只在开发阶段使用运行依赖:当在生产/上线阶段使用

╰半夏微凉°/ 2021年07月24日 14:34/ 0 赞/ 378 阅读