ant desgin vue互換IE 9以上の構成

4740 ワード

vue cli 3構築プロジェクト[email protected]バベルでconfig.jsファイルの下に追加
npm install babel-polyfill--saveまたはcnpm install babel-polyfill--saveのインストール
module.exports = {
  presets: [
    '@vue/app',
    //     
    [
      '@babel/preset-env',
      {
        'useBuiltIns': 'entry'
      }
    ]
  ],
  //       
  plugins: [
    [
      'import',
      {
        libraryName: 'ant-design-vue',
        libraryDirectory: 'es',
        style: 'css'
      },
    ]
  ]
}

vue.config.jsファイルに追加
module.exports = {
configureWebpack: config => {
    config.entry.app = ['babel-polyfill', './src/main.js']
  },
}

main.jsファイル(プロジェクトエントリ)
//   "core-js/stable","regenerator-runtime/runtime"     
import "core-js/stable";
import "regenerator-runtime/runtime";

import Vue from 'vue'
import App from './App.vue'
import router from './router/router'
import store from './store/store'
import './plugins/antd.js'
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')