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在里面做了什么。

  • 相关阅读:
    使用jackson美化输出json/xml
    mybatis不报错,但是查询结果为0
    @Valid基于hibernate
    spring 整合 mybatis (不含物理分页)
    mybatis insert 自动生成key
    mybatis 配置延迟加载 和 缓存
    mybaits foreach
    2015-08-13T17:39:15
    Introduction
    mybatis 存储过程调用
  • 原文地址:https://www.cnblogs.com/jojo-star/p/13780864.html
Copyright © 2011-2022 走看看