メソッドのインポートおよびエクスポートモジュールのWebPACK

図1に示すように、モジュールを導入する方法、およびインポートのみ2つの方法が必要（）。あなたは、インポートが必要な基本的な缶の使用をインポートするインポートを使用することができます。

2、輸出デフォルトの導出の方法は、のみを使用インポートインポートを。基本的な使用文言のインポート後（方法ES6用）webpack2.0

 

詳細は以下の通り

最初の

 輸出（このスキームは、輸出に一緒に導くことができるが、また、派生A）

let run = function () {
  console.log('run')
}
let say = function(){
  console.log('say')
}
export {run, say} 
// 最后一起导出
//注意这种导出变量名的方式  要放在最下面   ES6不会有变量提升

（このようにエクスポートに加えて、ファイルをエクスポートする他の方法は、露出する複数のインタフェースは、オブジェクトをエクスポートしている持っています）

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

export let say = function(){
  console.log('say')
}
//逐个导出

道のインポート

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

第2

  輸出のデフォルト（導入したとき、これをエクスポートし、変数のみを受信するため）

let run = function () {
  console.log('run')
}
let say = function(){
  console.log('say')
}
export default {run, say}
//针对该种方式导出  只可以用 import  ES6方式导入 不可以用require

道のインポート

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

第三の

commons.jsルール

module.exportsはエクスポート

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

エクスポート方法

import Vue from 'vue'

//或者
var Vue = require('vue')