CRMEB v4 前端開發(fā)配置

2022-04-11 14:58 更新

開發(fā)配置

項(xiàng)目開始前(有時(shí)結(jié)束后也需要)可以先進(jìn)行開發(fā)配置,所謂開發(fā)配置,即配置文件src/setting.env.js,它主要抽象了 Vue CLI 3vue.config.js文件的一些配置(當(dāng)然,也可以直接在 vue.config.js 中配置,但建議先配置 setting.env.js 文件,如果有額外的 CLI 3 配置,再到 vue.config.js 中配置)。

各項(xiàng)配置說明如下:

  • isMock:是否使用 Mock 的數(shù)據(jù),默認(rèn)開發(fā)環(huán)境為 true,生產(chǎn)環(huán)境為 false

  • publicPath:部署應(yīng)用包時(shí)的基本 URL,默認(rèn)是/

  • outputDir:生產(chǎn)環(huán)境構(gòu)建文件的目錄名,默認(rèn)是dist

  • assetsDir:放置生成的靜態(tài)資源 (js、css、img、fonts) 的 (相對(duì)于 outputDir 的) 目錄

  • lintOnSave:開發(fā)環(huán)境每次保存時(shí) lint 代碼,會(huì)將 lint 錯(cuò)誤輸出為編譯警告,可選值為 true || false || error,默認(rèn)為true

  • iviewLoaderOptions:iView Loader 的選項(xiàng),默認(rèn)配置,更多配置見 iView 文檔

    {      prefix: false  }

uni-app跳轉(zhuǎn)路徑

兼容 IE

如果您需要考慮兼容 IE 瀏覽器,請(qǐng)按以下說明配置,如果不需要兼容,請(qǐng)忽略。

  1. 安裝以下依賴:

  # @babel/polyfill
  npm install @babel/polyfill --save

  1. 改寫文件babel.config.js

   module.exports = {
 presets: [
     ['@vue/app',{
         useBuiltIns: 'entry'
     }]
 ]
}

注意,是將整個(gè)文件修改為以上代碼。

  1. 在文件vue.config.js中添加:

  module.exports = {
// ...
 transpileDependencies: ['view-design'],
// ...
}

  1. 在文件main.js首行添加:

   import '@babel/polyfill';
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)