es6的 import與export

最近看到es6支持import與export,迫不及待想要試試:

結(jié)尾給出簡(jiǎn)單、具體的方法

文件目錄如下:

image.png

lib文件如下:

export const sqrt = Math.sqrt;
export function square(x) {
    return x * x;
}
export function diag(x, y) {
    return sqrt(square(x) + square(y));
}

main.js文件如下

import { square, diag } from './test';
console.log(square(11)); // 121
console.log(diag(4, 3)); // 5

全局安裝babel-cli

npm install -g babel-cli

然后輸入命令

babel-node main.js

可是始終報(bào)如下錯(cuò)誤:

image.png

用nodejs(版本7.7.4)運(yùn)行也會(huì)同樣的錯(cuò)誤。

后來發(fā)現(xiàn)添加一個(gè)文件就好了
文件名稱如下:
.babelrc

內(nèi)容如下:

{
    "presets": [
        "es2015"
    ],
    "plugins": []
}

這時(shí)文件目錄如下

image.png

再次通過

babel-node main.js

運(yùn)行文件

成功了?。?!

image.png

網(wǎng)上搜了好久,竟然沒有找到答案,自己寫一個(gè)幫助后來人吧。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 前言 模塊劃分,為了解耦,所以才出了這些規(guī)定。我在學(xué)習(xí)這些模塊化的時(shí)候,思考到如果你的代碼規(guī)范,項(xiàng)目復(fù)雜度不高。完...
    梁同桌閱讀 401評(píng)論 0 0
  • babel官網(wǎng) babel 介紹 Babel 是一個(gè)通用的多用途 JavaScript 編譯器。通過 Babel ...
    鋒享前端閱讀 1,931評(píng)論 0 10
  • 一、ES6 參考 http://es6.ruanyifeng.com/ ECMAScript當(dāng)前所有提案 Git...
    pifoo閱讀 11,931評(píng)論 1 13
  • Babel是一個(gè)廣泛使用的轉(zhuǎn)碼器,可以將ES6代碼轉(zhuǎn)為ES5代碼,從而在現(xiàn)有環(huán)境執(zhí)行。 這意味著,你可以現(xiàn)在就用 ...
    yichen_china閱讀 1,383評(píng)論 0 3
  • 北京地鐵站寫著幾個(gè)醒目大字: 這個(gè)世界在殘酷懲罰不改變的人! 在這個(gè)高速發(fā)展的互聯(lián)網(wǎng)時(shí)代,不要說你停止學(xué)習(xí),就是慢...
    李明信閱讀 750評(píng)論 0 1

友情鏈接更多精彩內(nèi)容