webpack中可以写commonjs格式的require同步语法,可以写AMD格式的require回调语法,还有一个require.ensure,以及webpack自己定义的require.include,再加上ES6的import语法,这么多岂不是会把人给搞乱.本篇就来梳理一下这些require各自的特点,以及都在什么场景下使用. commonjs同步语法 经典的commonjs同步语法如下: var a = require('./a'); a.show(); 此时webpack会将a.js…

commonjs同步语法 经典的commonjs同步语法如下: var a = require('./a'); a.show(); 此时webpack会将a.js打包进引用它的文件中.这是最普遍的情形,不必赘述. commonjs异步加载 在commonjs中有一个Modules/Async/A规范,里面定义了require.ensure语法.webpack实现了它,作用是可以在打包的时候进行代码分片,并异步加载分片后的代码.用法如下: require.ensure([], function(r…

require:是一种common协议,大家按照这个约定书写自己的代码,实现模块化. import:是ES6的模块语法实现.是语言自身的模块实现.…

载入一个模块 import() 与 require() 功能相同,但具有一定程度的自动化特性. 假设我们有如下的目录结构: app/ app/classes/ app/classes/MyClass.lua app/classes/MyClassBase.lua app/classes/data/Data1.lua app/classes/data/Data2.lua MyClass 中需要载入 MyClassBase 和 MyClassData.如果用 require(),MyClass 内的…

1.require常见使用场景: var path = require('path') var utils = require('./utils') 此时webpack会将path/utils/config三个文件打包进引用它的文件中 2.import常见于ES6语法中,也是一种模块引入语法,import会被转化为commonjs格式或者是AMD格式,webpack下babel默认会把ES6的模块转化为commonjs规范的 所以如下写法是等价的: import utils from './ut…

答案:两者的加载方式不同.规范不同 第一.两者的加载方式不同,require 是在运行时加载,而 import 是在编译时加载 require('./a')(); // a 模块是一个函数,立即执行 a 模块函数 var data = require('./a').data; // a 模块导出的是一个对象 var a = require('./a')[0]; // a 模块导出的是一个数组 ======> 哪都行 import $ from 'jquery'; import * as _ fr…

require 和 import,都是为了JS模块化使用.最近项目中,因为多人协同开发,出现了一个项目中同时使用了require 和 import 引入依赖的情况.正常情况下,一个项目中最好是对引入方式做一个规范.下面我们就来看一下require 和 import的区别: 一.require  require是Commonjs的规范,node应用是由模块组成的,遵从commonjs的规范.用法: a.js function test (args) { // body... console.log…

ES6标准发布后,module成为标准,标准的使用是以export指令导出接口,以import引入模块,但是在我们一贯的node模块中,我们采用的是CommonJS规范,使用require引入模块,使用module.exports导出接口. node编程中最重要的思想之一就是模块,而正是这个思想,让JavaScript的大规模工程成为可能.模块化编程在js界流行,也是基于此,随后在浏览器端,requirejs和seajs之类的工具包也出现了,可以说在对应规范下,require统治了ES6之前的所…

之前我们分析过 #include 和 #import 的区别,#import不会引起交叉编译,#import 确定一个文件只能被导入一次,使在递归包含中不会出现问题. 那么 #import 和 @class 又有什么区别呢? (1)从实质上来说. @class 和 #import 都是引入类的信息. 而不同的是 #import 会包含引入类的所有信息,包括实体变量和方法. 而 @class 一般是在头文件中使用的,因为他只告诉编译器,声明的类的名称,只是将这个类作为一个类型来用的(比如 Dog类…

原文地址:彻底搞清楚javascript中的require.import和export   为什么有模块概念 理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块. 但是,Javascript不是一种模块化编程语言,在es6以前,它是不支持”类”(class),所以也就没有”模块”(module)了. require时代 Javascript社区做了很多努力,在现有的运行环境中,实现”模块”的效果. 原始写法 模块就是实现特定功能的一组方法.只要把不同的函数(以及记录状态…