## 開發配置 項目開始前（有時結束后也需要）可以先進行開發配置，所謂開發配置，即配置文件`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'; ~~~