2.es6模組與commonjs和amd模組載入的不同。
3.export命令
4.import命令
5.模組的整體載入
get到很多的新姿勢，然而並不能解釋import vue from vue和其他**是什麼意思。
解釋**之前，先來看我的專案文件（這5行**位於main.js中）：
那麼現在我對上述**一一作出解釋：
import vue from 『vue』;
其實最完整的寫法是：
import vue from 「…/node_modules/vue/dist/vue.js」;
意思是：
因為main.js是在src檔案中，所以…/向前一級相對目錄查詢node_modules，再依次尋找後面的檔案。
檔案找到了，那麼檔案內是否存在vue呢？
事實證明，vue是存在於vue.js中的。
下面解釋第二條**：
下面解釋第三條**：
import router from 『./route』;
完整的寫法是
import router from 『./route.js』;
顧名思義，這句**的意思就是引入和main.js同級目錄下的route.js檔案。
下面解釋第四條**：
import axios from 『axios』;
完整意思是：
import axios from 『…\node_modules\axios\dist\axios.js』;
和引入vue檔案是一樣的原理，都是從node_modules中載入相應名稱的模組。
事實證明，axios.js檔案中存在axios。
下面解釋第五條**：
import 『./less/index』;
完整意思是：
import 『./less/index.less』;
查詢成功：
個人總結：
1.import…from…的from命令後面可以跟很多路徑格式，若只給出vue，axios這樣的包名，則會自動到node_modules中載入；若給出相對路徑及檔案字首，則到指定位置尋找。
2.可以載入各種各樣的檔案：.js、.vue、.less等等。
3.可以省略掉from直接引入。
吐槽：es6的import…from…指令挺神奇，不需要指明檔案字尾，這樣很方便快捷，新手需要一定的耐心去研究，否則是真心看不懂。
ES6中的export與import入門
es6在語言規格的層面上，實現了模組功能，而且實現得相當簡單，完全可以取代現有的commonjs和amd規範，成為瀏覽器和伺服器通用的模組解決方案。es6 模組不是物件，而是通過export命令顯式指定輸出的 再通過import命令輸入。不同的匯出方式對應不同的匯入方式。匯出可以分為兩種 名字匯出，...
es6中import和export的用法
在日常開發中，hms經常會遇到以下這些語句 import from import from import let x export export class export default exports.post module.exports.init init 那麼問題來了，這些import和ex...
Es6中的export和import的區別
export可以使import一次匯入多個，如下 匯出 export str hello world export function f 匯入 import str,f from demo1.js 需要把匯入的物件裝進 括號 裡 或者分開單獨寫也可以 import str from demo1.js...