vue项目中用cdn优化的方法

<script src="/UploadFiles/2021-04-02/vue.min.js">

然后项目中需要改的地方是bulid文件夹下面的webpack.base.conf.js文件，改的地方为


module.exports = {
 entry: {
  app: './src/main.js'
 },
 externals:{
  'BMap': 'BMap',
  'vue': 'Vue',
  'vue-router': 'VueRouter'
 },



这里需要将vue和vue-router公开出去，供全局使用，这里小写的vue和vue-router是我们引入资源时对应的名字，冒号后面大写的名字是我们自己定义的名字和项目中要使用的名字，当然这两个名字可以一样，接下来就是将我们项目中引用对应资源的地方将原先的引入方式去掉，也就是我们原先用import引入的，例如main.js和router文件夹下的index.js修改：


// import Vue from 'vue'




// import Vue from 'vue'
// import VueRouter from 'vue-router'


注意将router文件夹下的index.js修改


export default new VueRouter({
 // modes: 'history',
 routes: [
  {
   path: '/',
   redirect: '/main/home'
  },


这里需要说明的是上面修改的可能不是必要的，这里只为记录一下知识，不喜勿喷


以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。