vue項目安裝依賴包

UI庫： element-ui    iview

npm i element-ui -S

在項目中引入 element-ui 在入口文件main.js中配置：

　（全局引入，會把組件庫里所有的組件和css引入）

  import ElementUI from 'element-ui';
  import 'element-ui/lib/theme-chalk/index.css';
  Vue.use(ElementUI);

 

npm install iview -S

在項目中引入iview 在入口文件main.js中配置：

　（全局引入，會把組件庫里所有的組件和css引入）

import iView from 'iview'
import 'iview/dist/styles/iview.css'
Vue.use(iView)

 

安裝依賴包： babel-polyfill

vue cli3-IE瀏覽器 babel-polyfill  （如果新建項目的時候安裝了 babel-loader依賴，就不需要安裝babel-polyfill，babel-loader包含了）

(題主的項目應用常規的vue-cli3構建項目，在兼容IE瀏覽器時遇到的問題，做一下記錄,IE11版本瀏覽器不支持ES6百分之85%的語法規范，在vue項目中選擇使用babel-polyfill兼容語法)
（1）安裝babel-polyfill: npm install babel-polyfill --save-dev
（2）在main.js引用：  import 'babel/polyfill' （可能是 import '@babel/polyfill' ）
（3）babel.config.js 配置：

　　　　module.exports = { 　　　　presets: [ 　　　　['@vue/app', { 　　　　 useBuiltIns: 'entry' 　　　　}] 　　　　] 　　　　}

（4）vue.config.js配置： 

　　　　chainWebpack (config) { 　　　　config.entry('main').add('babel-polyfill') 　　　　}

 （）package.json里面的.browserslistrc

　　　　【
　　　　　　> 1%
　　　　　　last 2 versions
　　　　　　not ie <= 10
　　　　】

 

 

 

 

后續會更新。。。