后台前端目录结构

:-: 前端开发配置

开发配置

项目开始前（有时结束后也需要）可以先进行开发配置，所谓开发配置，即配置文件src/setting.env.js，它主要抽象了 Vue CLI 3vue.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';