产品管理添加、编辑、删除相关组件数据处理

yangfeng

2024-02-28 983c6c7c026f6089fb4317dbff3a164e7c05aa8c

 vue.config.js

@@ -1,54 +1,70 @@
const { defineConfig } = require("@vue/cli-service")
module.exports = defineConfig({
  transpileDependencies: true
})
// const path = require("path")
// const getServerJson = require("./public/serverconfig")
// const devServer = require("./vue.develop.config")
// const { context } = getServerJson
// function resolve(dir) {
//   return path.join(__dirname, dir)
// }
// module.exports = {
//   publicPath: context,
//   lintOnSave: false,
//   productionSourceMap: false, // 如果你不需要生产环境的source map, 可以将其设置为false 以加速生产环境构建
//   devServer,
//   transpileDependencies: [
//     // 兼容IE11浏览器(兼容npm包和cnpm包)
//     "crypto-js",
//     "sockjs-client"
//   ],
//   configureWebpack: (config) => {
//     if (process.env.NODE_ENV === "production") {
//       // 为生产环境修改配置
//       config.optimization.minimizer[0].options.terserOptions.compress.warings = false
//       config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
//       config.optimization.minimizer[0].options.terserOptions.compress.drop_debugger = true
//       config.optimization.minimizer[0].options.terserOptions.compress.pure_funcs = ["console.log"]
//       config.performance = {
//         hints: "warning",
//         maxEntrypointSize: 20000000, // 入口起点的最大体积
//         maxAssetSize: 10000000 // 生成文件的最大体积
//       }
//     } else {
//       // 为开发环境修改配置
//       config.devtool = "eval-source-map"
//     }
//   },
//   chainWebpack(config) {
//     // 设置svg导入
//     config.module.rule("svg").exclude.add(resolve("srv/assets/icons")).end()
//     config.module
//       .rule("icons")
//       .test(/\.svg$/)
//       .include.add(resolve("src/assets/icons"))
//       .end()
//       .use("svg-sprite-loader")
//       .loader("svg-sprite-loader")
//       .options({
//         symbolId: "icon-[name]"
//       })
//       .end()
//   }
// }
const path = require("path")
// 基础路径 注意发布之前要先修改这里
const publicPath = process.env.VUE_APP_PUBLIC_PATH || "/"
function resolve(dir) {
  return path.join(__dirname, dir)
}

// 设置不参与构建的库
const externals = {}
module.exports = {
  publicPath,
  lintOnSave: false,
  productionSourceMap: false, // 如果你不需要生产环境的source map, 可以将其设置为false 以加速生产环境构建
  devServer: {
    proxy: {
      "/api/menu":{
        target: "http://192.168.20.119:8001", // http://192.168.20.119:8002 http://fai365.com:30150/
        // 建道本地环境
        // target: "http://192.168.20.118:8002",
        ws: true,
        changeOrigin: true
      },
      "/api": {
        target: "http://192.168.20.119:8002", // http://192.168.20.119:8002 http://fai365.com:30150/
        // 建道本地环境
        // target: "http://192.168.20.118:8002",
        ws: true,
        changeOrigin: true
      }
    }
  },
  transpileDependencies: [
    // 兼容IE11浏览器(兼容npm包和cnpm包)
    "crypto-js",
    "sockjs-client"
  ],
  configureWebpack: (config) => {
    const configNew = {}
    if (process.env.NODE_ENV === "production") {
      configNew.externals = externals
      configNew.plugins = []
    } else if (process.env.NODE_ENV === "development") {
      console.log("development", config)
    }
    return configNew
  },
  chainWebpack(config) {
    // 设置svg导入
    config.module.rule("svg").exclude.add(resolve("srv/assets/icons")).end()
    config.module
      .rule("icons")
      .test(/\.svg$/)
      .include.add(resolve("src/assets/icons"))
      .end()
      .use("svg-sprite-loader")
      .loader("svg-sprite-loader")
      .options({
        symbolId: "icon-[name]"
      })
      .end()
  },
  css: {
    loaderOptions: {
      // 设置 scss 公用变量文件
      sass: {
        additionalData: `@import "@/assets/style/variable.scss";`
      }
    }
  }
}