webpack 导出、导入模块（及路径）

参考：http://www.javashuo.com/article/p-nzmpveqo-eq.html (下面的代码亲测有效)

注：导入的模块的方法，只有两种方法  import 和 require() 。能够使用 import 导入的基本均可以使用require导入。export default方法导出的，只能使用import导入。webpack2.0之后基本都使用import的写法

　　es6 动态登入模块的方法是 import() ，参考 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/import

方案1：  export （这种方案能够把要导出的一块儿导出，也一个一个导出）

导出模块：

let run = function () {
  console.log('run')
}
let say = function(){
  console.log('say')
}
export {run, say} // 最后一块儿导出

或 （除了这种导出方式，其余的导出方式，文件有多个接口要暴露，都是导出一个对象）

export let run = function () {  // 一项一项的导出
  console.log('run')
}

export let say = function(){
  console.log('say')
}

导入模块：

import { run, say } from '../../api/test.js'

方案2：  export default （这种导出方案，导入时，只能使用一个变量去接收）

导出模块：

let run = function () {
  console.log('run')
}
let say = function(){
  console.log('say')
}
export default {run, say}

导入模块：

import test from '../../api/test.js'  //  导入时，只能使用一个变量去接收,如这里的 test

 方案3：  module.exports

导出模块：

let run = function () {
  console.log('run')
}
let say = function(){
  console.log('say')
}
module.exports = {run, say}

导入模块：

import { run, say } from '../../api/test.js'

 

---

导入模块的路径：通常导入js文件的路径只有下面三种路径，基本不会使用   绝对路径  和  根目录路径。

一、相对路径 （这个是可行的）

二、npm 包 路径 

三、webpack打包配置的路径别名  http://www.cnblogs.com/ye-hcj/p/7082620.html  或  http://www.javashuo.com/article/p-vpxufrwk-hc.html（注意，配置文件的修改，程序必需要重启npm run dev 才有效）

　  vue-cli中路径别名使用：使用别名的路径，别名必须在前面，否则无效报错；在src目录的别名，内置是用@来表示的。

注意：一、路径在后面的一节不必定是文件名，也多是文件夹的名称。如：import router from './router'，这个路径 指向的是 rooter下面的  index.js文件。

 　　　二、webpack2.0后 import 和 module.exports就不能 搭配使用了，因此最好不要使用 module.exports 导出模块。    https://www.jianshu.com/p/e774aa9fb1a1

　　　　vue 导出对象，统一使用export（包括export default）。