-
一般使用webpack创建的vue项目,使用插件越多,打包后vendor.js引入会越大,加载越慢
本文优化原理为:项目内直接引用插件,无需进行import等操作,以阻止编译包越大
看代码:
1、项目内直接引用资源
<script src="/static/es6-promise.auto.js"> </script>
<script src="/static/axios/axios.min.0.19.2.js"> </script>
<script src="/static/vue/vue.min.js"> </script>
<script src="/static/vuerouter/vue-router.3.1.6.js"> </script>
<script src="/static/vuex/vuex.3.1.3.js"> </script>
<link href="/static/elementUI/index.2.13.0.css" rel="stylesheet" type="text/css" />
<script src="/static/elementUI/index.2.13.0.js"> </script>
2、找到build/webpack.base.conf.js 文件,新增代码如下&