区别开发与上线时引用网上的依赖

防止开发内存中存在网上引用的方式

在生成上线项目时为了减少项目体积把本地的依赖都换成了网上的。这样有个问题就是开发时的项目中也会有存有一份这样的依赖。 解决这个问题

开发时，为了保证不必要的意外（断网等）所以我们大多都用本地下载好的依赖（npm下载的）

项目上线时，都引用网上的依赖

所以我们应该判断一下，要是开发阶段就不访问网上的依赖。所以我们应该配置一下vue.cinfig.js(npm run build 会访问)config.when(process.env.NODE_ENV === 'production', config => { config.entry('app').clear().add('./src/prod_env.js') //配置打包时使用的CDN节点的依赖 config.set('externals', { vue: 'Vue', axios: 'axios', lodash: '_', moment: 'moment', 'vue-quill-editor': 'VueQuillEditor', wangeditor: 'wangEditor' }) //获取webpack里边的插件html config.plugin('html').tap(args=>{ args[0].title='会弄商城系统' args[0].isProd=true return args }) })

在配置public/index 判断如果htmlWebpackPlugin.options.isProd===true就说明执行的是npm run build 命令 然后就访问网上的依赖。否则取反

大家可以清楚的看到如果使用网上的依赖会访问很多东西

上线的项目

开发时的项目