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