打包优化如何实现

vue 打包优化 是我前面连个文件写的有问题吗?为什么项目跑不起来呢,而且还报错?

clipboard.png

clipboard.png

clipboard.png

阅读 1.1k
1 个回答

可以,直接scrpit引入,
vue.config.js里面配置一下configureWebpack,给你个例子

//index.html
 <% if(process.env.NODE_ENV === 'development') { %> 
    <script src="https://lib.baomitu.com/vue/2.5.21/vue.js"></script>
 <% } else { %> 
    <script src="https://lib.baomitu.com/vue/2.5.21/vue.min.js"></script> 
 <% } %>
<script src="https://lib.baomitu.com/vue-router/3.0.2/vue-router.min.js"></script>
<script src="https://lib.baomitu.com/axios/0.18.0/axios.min.js"></script>
<script src="https://lib.baomitu.com/moment.js/2.22.2/moment.min.js"></script>
<script src="https://lib.baomitu.com/element-ui/2.4.11/index.js"></script>
<script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js"></script>

//vue.config.js
module.exports = {
  configureWebpack:{
    externals:{
      'vue': 'Vue',
      'vue-router': 'VueRouter',
      'vuex':'Vuex',
      'axios':'axios',
      'moment':'moment'
    }
  }
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题