transpiled ES6 코드

Question

소스 코드는 ES6로 작성 바벨과 웹팩을 사용 ES5하는 transpiled됩니다에서 가져 오기에 빈 객체를 가져 오기, 그것은 다음과 같습니다

SRC/2.js

export default { 
    ... 
} 

SRC/1.js

import 2 from './2.js' 
export default { 
    ... 
} 

1.js는 웹팩의 주요 항목 스크립트입니다. 여기에 웹팩 설정입니다 :

var webpack = require('webpack'); 
var path = require('path'); 

module.exports = { 
    'entry': './src/1.js', 
    'module': { 
    'loaders': [{ 
     'test': /\.js$/, 
     'exclude': /node_modules/, 
     'loader': 'react-hot-loader/webpack' 
    }, { 
     'test': /\.js$/, 
     'exclude': /node_modules/, 
     'loader': 'babel-loader' 
    }] 
    }, 
    'output': { 
    'path': path.resolve(__dirname, './dist'), 
    'publicPath': '/', 
    'filename': 'index.js' 
    } 
} 

은 ES5 파일 index.js을 transpiled 다음 NPM 모듈로 게시 '는 example_module'을 말한다.

지금, 내가 할 다른 응용 프로그램에서 : 모듈을 수입 할 때

import exampleModule from `example-module`; 
console.log(exampleModule) // <-- empty object 

나는 빈 개체를 얻을.

번역 된 파일은 네이티브 ES5 환경에서 스크립트 태그 내에서 사용하기위한 것이고 ES6 코드에서는 가져올 수 없다는 것을 잘 모르는 것 같습니다.

질문은 모듈을 ES5 및 ES6 환경에서 모두 사용할 수 있도록 빌드 프로세스를 어떻게 조정해야합니까?

Answer 1

import exampleModule from 'example-module';different-app 프로젝트의 node_modules/ 폴더에서 기본적으로 찾고 있습니다. 또 다른 절대 폴더에서 example-module를 얻을 수 웹팩 말할

1. 사용 웹팩 및 aliases :

   당신은 두 가지 가능성이있다.

2. node_modules 폴더에 좋아하는 패키지 관리자 (yarn/npm)가있는 example-module 링크를 연결하십시오.

개인적으로 옵션 # 2를 사용합니다.