exportConfig = devHost
}
export default exportConfig
结束：之后只需要在接口api的js文件中引入此文件即可。发布时区分环境打包。
7、浅谈项目引入第三方插件方案
ps：原则：移动端单个js大小不超过200k；pc端单个js不超过400k；
1.vue模块化引入node_modules包插件：
前提，各个页面都是异步加载，这样的好处是单个页面的js不会被打包进公共app.js中。之后在单个js中引入第三方库。但是据测试：这种模块化引入第三方插件，比cdn模式引入的js体积至少要大2呗，因为webpack内部对每个第三方库进行了二次处理，会增大js体积。权衡js大小使用。
2.cdn模式引入第三方插件：
提供这种方式，是因为有些库是不支持vue的，只支持cdn模式引入，而且比较轻量级，可以选择这种方案，异步cdn模式引入第三方插件，这些方式最下方脚手架示例中都有demo；
8、项目中常用的打包插件及第三方库
1.vue https://cn.vuejs.org
2.vue-router https://router.vuejs.org
3.vue-x https://vuex.vuejs.org
4.sass https://www.sass.hk
5.axios http://www.axios-js.com/
6.normalize.css http://necolas.github.io/normalize.css/
7.n-zepto https://npm.taobao.org/package/n-zepto
8.webpack-bundle-analyzer https://github.com/webpack-contrib/webpack-bundle-analyzer
下方是vue-cli3内置插件(直接在vue.config.js中配置):
如下插件可参考vue-cli3官网配置方法：
https://cli.vuejs.org/zh/config/#css-sourcemap
9.autoprefixer：自动添加浏览器前缀。（如：-webkit-等）
10.url-loader：改变静态资源引用路径
11.ProvidePlugin：全局配置node_modules中的模块
具体配置方法如下（比较全的vue.config.js配置）：
const webpack = require('webpack')const processEnv = process.env.VUE_APP_ENV; // 区分环境(值：production、development、test)
const isPro = processEnv === 'production'; // 判断production环境
const outputDir = 'dist'; // 输出文件目录（默认dist）
const assetsDir = ''; // 配置放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录
// 区分环境选择cdn地址
let publicPath = '' // 静态资源引用路径
let fontPublicPath = '' // 字体图标引用的cdn路径
let imgPublicPath = '' // css引用图片的cdn路径（c2c/static/img）
if (processEnv === 'production') {
publicPath = 'https://abc.com/c2c/shop' // 正式环境静态资源css、js等cdn路径
fontPublicPath = `https://abc.com/c2c/shop/${assetsDir ? assetsDir + '/' : '/'}fonts` // 正式环境字体图标引用的cdn路径
imgPublicPath = `https://abc.com/c2c/shop/${assetsDir ? assetsDir + '/' : '/'}/img` // 正式环境css引用图片的cdn路径
} else if (processEnv === 'test') {
// publicPath = './' // 正式环境静态资源css、js等cdn路径
