vue引入资源的正确姿势

在日常的项目开发中，我们会用到各种第三方库来提高效率，但随之带来的问题就是打包后的vendor.js体积过大，导致加载时空白页时间过长，给用户的体验太差。为此我们需要减少vendor.js的体积，从本质上来解决这种问题。

1.在/build/webpack.base.conf.js中，配置externals

externals:{

    "vue":"Vue",

    "axios":"axios",

    'vue-router': 'VueRouter',

    "vuex":"Vuex",

    "element-ui":"ELEMENT"

  },

2.在main.js中引入

import Vue from 'vue'

import router from './router'

//使用element-ui组件库

import ELEMENT from "element-ui"

Vue.use(ELEMENT);

import 'element-ui/lib/theme-chalk/index.css';

3.在模版文件index.html中引入

v.js和E.js是自己把文件复制过来放到了公司服务器上(建议直接引入官方script链接)