tmzn-weihe/vue.config.js

const { defineConfig } = require('@vue/cli-service')
const path = require('path')
const webpack = require('webpack')
const CopyWebpackPlugin = require('copy-webpack-plugin')
const NodePolyfillPlugin = require('node-polyfill-webpack-plugin')

module.exports = defineConfig({
  transpileDependencies: true,
  publicPath: '/',
  assetsDir: 'static',
  outputDir: 'dist',
  lintOnSave: false, // 是否开启eslint
  productionSourceMap: false, // 生产环境是否生成sourceMap
  filenameHashing: true, // 文件名哈希
  configureWebpack: (config) => {
    if (process.env.VUE_APP_MARS3D_SOURCE === 'module') {
      const cesiumSourcePath = 'node_modules/mars3d-cesium/Build/Cesium/' // cesium库安装目录
      const cesiumRunPath = './mars3d-cesium/' // cesium运行时路径
      let 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()
      ]
      return {
        module: { unknownContextCritical: false }, // 配置加载的模块类型，cesium时必须配置
        plugins: plugins
      }
    } else {
      return {
        externals: { 'mars3d-cesium': 'Cesium' } //排除使用 mars3d-cesium
      }
    }
  },
  devServer: {
    client: { overlay: false },
    host: '0.0.0.0', // 也可以直接写IP地址这样方便真机测试
    port: 3000, // 端口号
    open: false, // 配置自动启动浏览器
    proxy: {
      '/system-biz': {
        target: 'http://10.157.225.55:28085',
        logLevel: 'debug',
        changeOrigin: true,
        rewrite: (p) => p.replace(/^\/system-biz/, '')
      },
      '/api/announcement': {
        //测试环境
        target: 'http://10.157.225.55:28083',//http://192.168.1.185:28131
        changOrigin: true,
         pathRewrite: {
          '^/api/announcement': '/api/announcement'
        }
      },
      '/api/hydrologicalManagement': {
        //测试环境
        target: 'http://10.157.225.55:28083',//http://192.168.1.185:28131
        changOrigin: true,
         pathRewrite: {
          '^/api/hydrologicalManagement': '/api/hydrologicalManagement'
        }
      },
      '/api/monitoringData':{
        target: 'http://10.157.225.55:28083',//http://192.168.1.185:28131
        changOrigin: true,
         pathRewrite: {
          '^/api/monitoringData': '/api/monitoringData'
        }
      },
      '/api/ttvideo':{
        target:"http://10.157.200.5",
        changOrigin:true,
         pathRewrite: {
          '^/api/ttvideo': '/api/ttvideo'
        }
      },
      '/api/ttanalysis':{
        target:"http://10.157.200.5",
        changOrigin:true,
         pathRewrite: {
          '^/api/ttanalysis': '/api/ttanalysis'
        }
      },
      '/api/order':{
        target:"http://10.157.200.5",
        changOrigin:true,
         pathRewrite: {
          '^/api/order': '/api/order'
        }
      }
    }
  },
  css: {
    // 启用 CSS modules
    // requireModuleExtension: false,
    // 是否使用css分离插件
    extract: false,
    // 开启 CSS source maps，一般不建议开启
    sourceMap: false,
    // css预设器配置项
    loaderOptions: {
      sass: {
        additionalData: '@import "mars3d-cesium/Build/Cesium/Widgets/widgets.css"; @import "@/assets/scss/index.scss";'
      }
    }
  }
})