npm 怎么使用rollup 打包 代码，使用 import 引入 node_modules里面的包

Question

vue使用的是rollup打包的代码

vue源码使用的是es6 ES Module

通过rollup 打包后如下

为什么可以 import Vue from 'vue'引用 vue

我想知道他是怎么实现的

或者我使用 commonjs 写的代码，如何使用 import 引入

Answer 1

首先vue 是源码rollup打包的,rollup是纯js打包工具
其次

• require 是 AMD规范引入方式
• import是es6的一个语法标准，如果要兼容浏览器的话必须转化成es5的语法,
• require是运行时调用，所以require理论上可以运用在代码的任何地方
• import是编译时调用，所以必须放在文件开头
• require是赋值过程，其实require的结果就是对象、数字、字符串、函数等，再把require的结果赋值给某个变量
• import是解构过程，但是目前所有的引擎都还没有实现import，我们在node中使用babel支持ES6，也仅仅是将ES6转码为ES5再执行，import语法会被转码为require