## 开发配置 项目开始前(有时结束后也需要)可以先进行开发配置,所谓开发配置,即配置文件`src/setting.env.js`,它主要抽象了 Vue CLI 3`vue.config.js`文件的一些配置(当然,也可以直接在 vue.config.js 中配置,但建议先配置 setting.env.js 文件,如果有额外的 CLI 3 配置,再到 vue.config.js 中配置)。 各项配置说明如下: * **isMock**:是否使用 Mock 的数据,默认开发环境为 true,生产环境为 false * **publicPath**:部署应用包时的基本 URL,默认是`/` * **outputDir**:生产环境构建文件的目录名,默认是`dist` * **assetsDir**:放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录 * **lintOnSave**:开发环境每次保存时 lint 代码,会将 lint 错误输出为编译警告,可选值为 true || false || error,默认为`true` * **iviewLoaderOptions**:iView Loader 的选项,默认配置,更多配置见 iView 文档 ~~~ { prefix: false } ~~~ ## 兼容 IE 如果您需要考虑兼容 IE 浏览器,请按以下说明配置,如果不需要兼容,请忽略。 1. 安装以下依赖: ~~~ # @babel/polyfill npm install @babel/polyfill --save ~~~ 2. 改写文件`babel.config.js`: ~~~ module.exports = { presets: [ ['@vue/app',{ useBuiltIns: 'entry' }] ] } ~~~ > 注意,是将整个文件修改为以上代码。 3. 在文件`vue.config.js`中添加: ~~~ module.exports = { // ... transpileDependencies: ['view-design'], // ... } ~~~ 4. 在文件`main.js`首行添加: ~~~ import '@babel/polyfill'; ~~~