Vue2.0 ES6 구문 ES5 성능 저하 작업

일부 저버전의 휴대전화가 ES6 문법을 지원하지 않기 때문에 vue가 잘못 보고될 수 있습니다.인터넷의 각종 방법을 종합하여 나의 프로젝트는 마침내 ES5를 강등하는 데 성공하였다.
우선 플러그인 설치
npm install -D babel-preset-es2015 babel-core babel-preset-stage-2 babel-loader
프로필 편집
편집/build/webpack.base.conf.js
entry 노드를 편집하면 다음과 같습니다.

entry: {
  app: ['babel-polyfill', './src/main.js']
}

모듈을 교체합니다.rules 그룹의

{
    test: /\.js$/,
     loader: 'babel-loader',
     include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
    }

... 로 하다

{
    test: /\.js$/,
    exclude: /node_modules/, //  nodde_modules js 
    loader: 'babel-loader'
}

다시 루트 디렉터리를 새로 만듭니다.babelrc 내용은

{
 "presets": [
  "es2015",
  "stage-2"
 ],
 "plugins": [

 ]
}

URLSearchParams를 사용하려면 npm install url-search-params-polyfill--save를 설치하고 이 대상의 클래스 헤더를 사용하여 import'url-search-params-polyfill'을 도입해야 합니다
마지막으로 npmrunbuild 컴파일.
성공 여부 확인
dist 디렉터리에서 컴파일된 js에 const/let 등 ES6의 문법이 있는지 확인하십시오. 없으면 기본적으로 성공합니다.
보충 지식: vue-cli3.x 구성 요소 es6 회전es5 실패로 저버전 브라우저 오류 발생
오류가 Uncaught SyntaxError: Unexpected token...
이 문제는 인터넷에서 해결 방법을 많이 봤는데 이 구성 요소가 ES5로 바뀌었어요.
이 아부지의 구성 요소가 바로 vue-superslide입니다.
그의 입구 서류의 내용을 좀 봅시다

//  
import superslide from './superslide'
// import superSlide from "./slide";
// import SuperSlideItem from "./slide-item";
 
//  
const components = [superslide]
 
//   install  ，  Vue  。  use  ， 
const install = function(Vue) {
 //  
 if (install.installed) return
 //  
 components.map(component => Vue.component(component.name, component))
}
 
//  
if (typeof window !== 'undefined' && window.Vue) {
 install(window.Vue)
}
 
export default {
 //   install，  Vue.use()  
 install,
 //  
 ...components
}

정말 es6 문법 슬픔이 있어요. 전체 항목이 이 구성 요소만 ES5로 바뀌지 않아서 해결해야 돼요. 포기하지 않았어요.
해결 방법 node_modules 폴더 아래에서 찾을 수 있습니다. 정적 자원 도입으로 assets 디렉터리에 직접 놓으십시오
원래 플러그인의 도입 방식은
import VueSuperSlide from 'vue-superslide'
Vue.use(VueSuperSlide)
현재 도입 방식은
import VueSuperSlide from './assets/js/vue-superslide/packages/index.js'
Vue.use(VueSuperSlide)
이건 정말 LOW야. 안되겠다.
이상의 이 Vue2.0 ES6 문법 강등 ES5의 조작은 바로 편집자가 여러분에게 공유한 모든 내용입니다. 여러분께 참고가 되고 저희를 많이 사랑해 주시기 바랍니다.