vue.config.js配置详解

1. vue inspect --rule  命令获取vue.config.js中的chainWebpack配置项

2. vue inspect --rule svg 筛选配置项·

const path = require("path");

function resolve(dir) {

    return path.join(__dirname, dir);

}

const port = 8080; // 端口号

const IS_PRODUCTION = process.env.NODE_ENV == "production"; // 正式环境

const CompressionPlugin = require("compression-webpack-plugin");

const UglifyJsWebpackPlugin = require("uglifyjs-webpack-plugin");

/** key 是import 的包名，value 是CDN 为我们提供的全局变量名 */

const externals = {

    "ali-oss": "OSS"

};

module.exports = {

    // 放在服务器根目录下面的<服务器上项目所在的文件夹名>

    publicPath: "/",

    assetsDir: "static", // 输出的资源，所在的文件夹

    /** 去掉hash */

    filenameHashing: false,

    // 配置vscode调试工具

    configureWebpack: {

        devtool: 'source-map'

    },

    chainWebpack: config => {

        config.resolve.alias

            .set("@", resolve("src"))

            .set("assets", resolve("src/assets"))

            .set("components", resolve("src/components"))

            .set("views", resolve("src/views"));

        /** 如果是正式环境 */

        if (IS_PRODUCTION) {

            // 解决ie11兼容ES6

            con