zoukankan      html  css  js  c++  java
  • commonJS在node环境下的使用和在浏览器中的使用

    commonJS在node环境下的使用和在浏览器中的使用

    1.commonJS在node环境下的运行

    commonJS的运行依赖于node,所以要先安装node环境,在node安装好之后我们在一个文件下创建两个js文件

    在aaa.js文件中我们导出模块,在bbb.js文件中我们导入模块,

    2.commonJS在浏览器中的使用

    在文件下新建一个html文件,即index.html,我们尝试引入bbb.js文件,看能否在控制打印出结果

    控制台打印的结果报错了:

    可以看出浏览器并不能直接编译导入和导出模块的语法,所以需要对bbb.js进行编译,使之成为浏览器能够识别的代码,所以我们需要安装工具Browserify,工具的官网:http://browserify.org/ ,我们使用安装命令: npm install browserify -g

    安装好之后运行命令 : browserify bbb.js -o bundle.js,然后你就会发现你的文件下自动生成了一个bundel.js的文件

    这次我们在index.html中引入bundle.js文件看看浏览器能否打印出我们想要的:

    浏览器控制台打印:

    结果和之前在终端node环境下输出结果一样。看了一下bundle.js里面的文件还是有些复杂的,功力还不够,等我后面能阅读了。我再回来补充bundle.js在里面做了什么。

  • 相关阅读:
    Input file 调用相机
    C#读取txt文件
    高并发下获取随机字符串
    将Datatable转换为Json数据
    System.IO.Path 获得文件的后缀名
    用Js写的贪吃蛇游戏
    C#中的事件
    通过一个控制台小Demo--算术题,来展示C#基本的程序结构
    数据库高级应用之游标
    数据库高级应用之事务
  • 原文地址:https://www.cnblogs.com/jojo-star/p/13780864.html
Copyright © 2011-2022 走看看