웹 팩 포장 은 es6 문법 을 식별 하지 못 하 는 구덩이 입 니 다.

웹 팩 포장 은 es6 문법 을 식별 하지 못 하 는 구덩이 입 니 다.
오늘 Vue 프로젝트 npm run build 후 webpack 은 uglifyjs 를 잘못 보고 하여 스스로 연 구 했 습 니 다. 번역 해 보 니 프로젝트 에 쓰 인 고급 문법 을 식별 하지 못 한 다 는 뜻 입 니 다. 여 기 는 프로젝트 에 있 는 es6 문법 을 es5 로 바 꾸 어 브 라 우 저 를 식별 하도록 해 야 합 니 다.

   webpack babel     

Babel 은 사실 JavaScript 를 컴 파일 하 는 플랫폼 입 니 다. 그 강력 한 점 은 컴 파일 을 통 해 다음 과 같은 목적 을 달성 할 수 있 습 니 다.

다음 세대 의 JavaScript 코드 (ES6, ES7...) 를 사용 합 니 다. 비록 이러한 기준 이 현재 브 라 우 저 에 의 해 완전히 지원 되 지 않 더 라 도;

JavaScript 를 바탕 으로 확장 한 언어, 예 를 들 어 React 의 JSX 를 사용 했다.

1. 가방 설치 하기

npm install  babel-preset-es2015

2.  webpack.base.conf.js

{
  test: /\.js$/,
  loader: 'babel-loader',
  options:{
    presets:["es2015"]
  },
  exclude:[/node_modules/]

},
3.OK，  npm run build      ，  

posted @
2017 - 08 - 22 00: 19 나 는 고자 세 하 는 녀석 이 읽 는 것 을 좋아 하지 않 는 다.
...) 댓 글 (
...) 모음 집 편집