ES6 내보내기 및 I는 ES6 JS 파일 (test.js) ... 바벨 함께</p> <pre><code>export default function() { let foo = "test" return foo } </code></pre> <p>있는 경우 transpile 및 index.html 파일에서 호출 할 수있다

Question

기능을 가져

<script src="js/text-min.js"></script> 

다른 js 파일로 가져 오지 않고이 기능을 사용 하시겠습니까? 예를 들어. 다음 스크립트 태그 뒤에는 다음 코드가 있습니다. 당신이 볼 수 있듯이, 그것은 이름 __esModule으로 개체를 내보낼 속성을 추가

"use strict"; 

    Object.defineProperty(exports, "__esModule", { 
    value: true 
    }); 

    exports.default = function() { 
    var foo = "test"; 
    return foo; 
    }; 

, 위의 코드의

<script> 
    var bar = new foo(); 
    console.log(bar); 
</script> 

Answer 1

좋아, Webpack을 사용하여 출력 var를 제공하여이 문제를 해결했습니다. 위와 같이 위대한 기사 - http://siawyoung.com/coding/javascript/exporting-es6-modules-as-single-scripts-with-webpack.html

Answer 2

transpiled 버전은 다음과 같이 생성 -이 웹팩에 사용 중입니다. 다른 건 없어. 따라서 import 나 require를 사용하지 않고이 기본 함수를 포함 할 방법이 없습니다.

Answer 3

실제로 찾고있는 것은 전역 변수입니다 (이는별로 좋은 생각이 아닙니다).

모듈 1 :

import {foo} from 'foo'; // still an ES6 module, just no export 

// global variable 'bar' 
window.bar = (...args) => foo(...args) + 6; 

이어서 2 모듈이 사용 모듈의 전체 지점 패배 매우 드물게 사용되어야

bar(1, 3, 5); 

참고 예를 들어.