zhgdyun/vue.config.js

const path = require('path')
const webpack = require('webpack')
const CopyWebpackPlugin = require('copy-webpack-plugin')
const NodePolyfillPlugin = require('node-polyfill-webpack-plugin')

// 代码压缩
const TerserPlugin = require("terser-webpack-plugin");

function addStyleResource(rule) {
    rule
        .use("style-resource")
        .loader("style-resources-loader")
        .options({
            patterns: [
                path.resolve(__dirname, "src/assets/style/var.less"), //全局引入的less文件
                path.resolve(__dirname, "src/assets/style/longguang.less"), //全局引入的less文件--龙光地产
            ],
        });
}
module.exports = {
    // publicPath: process.env.NODE_ENV === "production" ? "/jxjgd" : "/jxjgd",//金林湾配置
    publicPath: process.env.NODE_ENV === "production" ? "./" : "/",
    devServer: {
        // host: 'localhost',
        proxy: {
            "/china": {
                target: "http://122.112.239.62:9000",
                changeOrigin: true,
                pathRewrite: {
                    "^/china": "", //重写路径
                },
                '/img_w/wmts': {
                    target: 'https://t5.tianditu.gov.cn',
                    changeOrigin: true,
                    secure: false,
                    pathRewrite: {
                        '^/img_w/wmts': '/img_w/wmts'
                    }
                },
            }
        },
    },
    pages: {
        index: {
            entry: "./src/pages/index/index.js",
            template: "./src/pages/index/index.html",
            filename: "index.html",
            title: "机械设备管理平台",
        },
        equipmentCenter: {
            entry: "./src/pages/equipmentCenter/equipmentCenter.js",
            template: "./src/pages/equipmentCenter/equipmentCenter.html",
            filename: "equipmentCenter.html",
            title: "设备中台",
        },
    },
    chainWebpack: (config) => {
        const types = ["vue-modules", "vue", "normal-modules", "normal"];
        types.forEach((type) =>
            addStyleResource(config.module.rule("less").oneOf(type))
        );
    },
    pluginOptions: {
        "style-resources-loader": {
            preProcessor: "stylus",
            patterns: [],
        },
    },

    productionSourceMap: false,

    configureWebpack: config => {
        config.module.rules.push({
            test: /\.js$/,
            include: path.resolve(__dirname, 'packages'),
            use: [{
                loader: 'babel-loader',
                options: {
                    // Babel options here
                }
            }]
        });

        config.optimization = {
            minimizer: [
                new TerserPlugin({
                    terserOptions: {
                        ecma: undefined,
                        warnings: false,
                        parse: {},
                        compress: {
                            drop_console: true,
                            drop_debugger: false,
                            pure_funcs: ["console.log"], // 移除console
                        },
                    },
                }),
            ],
        };

        config.devtool = 'source-map';

        const cesiumSourcePath = 'node_modules/mars3d-cesium/Build/Cesium/'; // cesium库安装目录
        const cesiumRunPath = './mars3d-cesium/'; // cesium运行时路径

        const plugins = [
            // 标识cesium资源所在的主目录，cesium内部资源加载、多线程等处理时需要用到
            new webpack.DefinePlugin({
                CESIUM_BASE_URL: JSON.stringify(path.join(config.output.publicPath, cesiumRunPath))
            }),
            // Cesium相关资源目录需要拷贝到系统目录下面（部分CopyWebpackPlugin版本的语法可能没有patterns）
            new CopyWebpackPlugin({
                patterns: [
                    { from: path.join(cesiumSourcePath, 'Workers'), to: path.join(config.output.path, cesiumRunPath, 'Workers') },
                    { from: path.join(cesiumSourcePath, 'Assets'), to: path.join(config.output.path, cesiumRunPath, 'Assets') },
                    { from: path.join(cesiumSourcePath, 'ThirdParty'), to: path.join(config.output.path, cesiumRunPath, 'ThirdParty') },
                    { from: path.join(cesiumSourcePath, 'Widgets'), to: path.join(config.output.path, cesiumRunPath, 'Widgets') }
                ]
            }),
            new NodePolyfillPlugin()
        ];

        config.module.rules.push({
            test: /\.js$/,
            enforce: 'pre',
            include: path.resolve(__dirname, 'node_modules/cesium/Source'),
            sideEffects: false,
            use: [{
                loader: 'strip-pragma-loader',
                options: {
                    pragmas: {
                        debug: false
                    }
                }
            }]
        });

        config.plugins = config.plugins.concat(plugins);
    },

    // configureWebpack: (config) => {
    //   Object.assign(config, {
    //     // 开发生产共同配置
    //     resolve: {
    //       alias: {
    //         '@': path.resolve(__dirname, './src'),
    //         '@c': path.resolve(__dirname, './src/components'),
    //         '@p': path.resolve(__dirname, './src/assets/j')
    //       } // 别名配置
    //     }
    //   })
    // }
    css: {
        // extract: true, // 是否使用css分离插件 ExtractTextPlugin(跟热加载冲突)
        sourceMap: true, // 开启 CSS source maps
        loaderOptions: {
            less: {
                modifyVars: {
                    'primary-color': '#4C6CEC',
                    'link-color': '#4C6CEC',
                    'border-radius-base': '2px',
                },
                javascriptEnabled: true,
            }
        }, // css预设器配置项
        requireModuleExtension: true // 启用 CSS modules for all css / pre-processor files.
    },

};