Webpack es2015 React와 흔들리는 나무

트리를 흔들어 사용하고 싶습니다. babel-preset-es2015-webpack을 설치할 필요가없는 것 같습니다. 우리는 여전히 babel-preset-es2015를 사용할 수 있고 es2015 preset에 대해 modules 플래그를 false로 설정할 수 있습니다. 내 webpack 구성을 아래 그림과 같이 변경하여 내 반응 구성 요소의 가져 오기 줄에서 "예기치 않은 토큰 가져 오기"오류가 발생합니다. Webpack es2015 React와 흔들리는 나무

module: { 
    loaders: [ 
     { 
     test: /\.js$/, 
     exclude: /node_modules/, 
     loader: 'babel', 
     query: { 
      presets: [['es2015', {modules: false}], 'react'] 
     } 
     }, 
     { 
     test: /\.scss$/, 
     loader: ExtractTextPlugin.extract("style-loader", "css-loader!sass-loader") 
     } 
    ] 
    }

는 또한 프리셋을 설정하려고로 [ 'es2015', '반응', {모듈 : 거짓}] 그럼 난 콘솔
모듈 빌드에 다른 오류가 실패있어 : ReferenceError가 : [바벨] C : \ FE-Proj-Templates \ webpack \ main.js : 제거한 바벨 5 옵션 사용 : foreign.modules - plugins 옵션에 해당 모듈 변환 플러그인을 사용합니다. 체크 아웃 http://babeljs.io/docs/plugins/#modules

프리셋 es2015를 모듈 플래그 false로 설정하고 React 프리셋을 어떻게 사용할 수 있습니까?

출처

2016-08-22 Negin Basiri

당신이 웹팩 2 (베타)를 사용하는 일이야? Webpack 1은 ES2015 모듈 (및 트리 떨림)을 지원하지 않습니다. – Ambroos

예 webpack 2를 사용하고 있습니다 –

@NeginBasiri 해결책을 찾았습니까? –

그것은 업데이트 및

presets: [['es2015', {modules: false}], 'react']

출처

2016-09-01 01:14:42

'[ 'es2015', {modules : false}]'는 별도의 배열에 있다는 것에주의해야합니다. 나는 처음에 그것을 간과했다. – vkjb38sjhbv98h4jgvx98hah3fef

이렇게하면'presets : [[ 'es2015', {loose : true, modules : false}], 'react']와 같이'loose : true'를 추가하면 좀 더 최적화 할 수 있습니다. – AntK

Webpack es2015 React와 흔들리는 나무

답변

관련 문제