后台前端开发

开发配置

项目开始前(有时结束后也需要)可以先进行开发配置,所谓开发配置,即配置文件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" class="reference-link">@babel/polyfill

    npm install @babel/polyfill —save

~~~
  1. 改写文件babel.config.js

    ~~~
    module.exports = {
    presets: [

     ['@vue/app',{
         useBuiltIns: 'entry'
     }]
    

    ]
    }

~~~

> 注意,是将整个文件修改为以上代码。
  1. 在文件vue.config.js中添加:

    ~~~
    module.exports = {
    // …
    transpileDependencies: [‘view-design’],
    // …
    }

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

    import '@babel/polyfill';
    
本页目录