vue cli3.0基础配置vue.config.js文件

vue cli3.0项目中需要配置其他参数时，需要新建文件'vue.config.js'，文件名必须是这个，与package.json在同一级目录下。

以下是一些简单基本的配置，

包含①常用插件的配置，②端口号的配置③跨域请求的配置等等

注：其中eslint的检测配置 lintOnSave 貌似没生效，不知为何（做摊手状--无奈），有大佬知道的还望不吝赐教~

const webpack = require('webpack');

module.exports = {
    baseUrl: '/', //根路径
    outputDir: 'dist',  //构建输出目录
    assetsDir: 'assets',    //静态资源目录(js,css,img,fonts)
    lintOnSave: false, //是否开启eslint保存检测，有效值：true || false || 'error'
    //configureWebpack是vueCLI3.0中用于配置webpack插件参数的地方，你在这里设置，会新建或覆盖webpack默认配置
    //webpack ProvidePlugin的含义是创建一个全局的变量，使这个变量在webpack各个模块内都可以使用。这里的配置含义是创建'$'、'jQuery'、'window.jQuery'三个变量指向jQuery依赖，创建'Popper'变量指向popper.js依赖。
    configureWebpack: {
        plugins: [
            new webpack.ProvidePlugin({
                $: 'jquery',
                jQuery: 'jquery',
                'window.jQuery': 'jquery',
                Popper: ['popper.js', 'default']
            })
        ]
    },
    devServer: {
        open: false, //是否在启动项目完成后自动弹出浏览器窗口
        host: 'localhost', //'0.0.0.0'真机测试  域名
        port: 8081,  //端口号的配置
        https: false, //是否使用https协议
        hotOnly: false, //热更新修改的模块，窗口不会刷新
        proxy: {
            "/api": {
                target: "http://www.thenewstep.cn/", //接口域名
                changeOrigin: true, //是否跨域
                pathRewrite: {
                    '^/api': ''
                }
            }
        }
    }
}