導入/導出不能使用babel.js

在瀏覽器中工作，我添加通天編譯器在我的網頁下面通過使用ES6語法：
導入/導出不能使用babel.js

<script src="babel.min.js"></script>

，並創建M.js一個簡單的模塊如下：
在控制檯

<script type="text/babel"> 
    import {M} from './M'; 
    console.log(M.p); 
</script>

但符合以下錯誤：

export var M={ 
    p:3 
};

並用它在我的網頁

Uncaught ReferenceError: require is not defined

如何讓模塊在瀏覽器中工作？ babel.js是否支持模塊？如果沒有，如果還有其他方法，我可以讓ES6模塊語法在瀏覽器中工作。

2016-07-12 gloomyson

您必須與Babel一起使用模塊加載程序。 – gcampbell

@gcampbell我應該使用什麼樣的模塊加載器？你的意思是我需要在我的頁面中添加「」，對不對？ – gloomyson

通常，您可以使用類似於Browserify的東西在Node中編譯代碼，然後將其加載到腳本標記中，而不是使用'text/babel'在瀏覽器中編譯。 – loganfsmyth

使用動態ES模塊加載程序像SystemJS和Babel Plugin

2017-01-30 16:31:45 Doug

你有沒有嘗試設置數據插件屬性「改造-ES2015模塊-UMD」？如下？

<script data-plugins="transform-es2015-modules-umd" type="text/babel"> 
    import M from './M'; 
    console.log(M.p); 
</script>

2018-02-18 20:34:15 mqueirozcorreia

回答