美文网首页
import,require

import,require

作者: 大乔是个美少女 | 来源:发表于2019-05-14 18:18 被阅读0次

在es6之前js一直没有自己的模块语法,为了解决这种尴尬就有了require.js的出现。
在es6发布之后js又引入了import的概念。

  1. require 是赋值过程并且是运行时才执行
    import 是解构过程并且是编译时执行
  2. require可以理解为一个全局方法,就意味着可以在任何地方执行。
    而import必须写在文件的顶部。
  3. require的性能相对于import稍低,因为require是在运行时才引入模块并且还赋值给某个变量,
    而import只需要依据import中的接口在编译时引入指定模块所以性能稍高

es6 import 尽量静态化,编译就能确定模块的依赖关系,输入及输出。
因为require是运行时加载,所以import命令没有办法代替require的动态加载功能。
所以引入了import()函数。完成动态加载。

webpack 在针对es6 的import()使用了注解,获取chunkName。

const Cube = () => import(/* webpackChunkName: 'cube' */ '@/components/pages/cube/cube.vue')

相关文章

网友评论

      本文标题:import,require

      本文链接:https://www.haomeiwen.com/subject/pyyeaqtx.html