vue.config.js 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. const path = require("path");
  2. const TerserPlugin = require("terser-webpack-plugin");
  3. const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
  4. const WorkboxPlugin = require("workbox-webpack-plugin");
  5. const HappyPack = require("happypack");
  6. const webpack = require("webpack");
  7. // const HtmlWebpackPlugin = require("html-webpack-plugin");
  8. function resolve(dir) {
  9. return path.join(__dirname, dir);
  10. }
  11. module.exports = {
  12. chainWebpack(config) {
  13. config.module.rule("svg").exclude.add(resolve("src/icons")).end();
  14. config.module
  15. .rule("icons")
  16. .test(/\.svg$/)
  17. .include.add(resolve("src/icons"))
  18. .end()
  19. .use("svg-sprite-loader")
  20. .loader("svg-sprite-loader")
  21. .options({
  22. symbolId: "icon-[name]",
  23. })
  24. .end();
  25. config.plugin("happypack").use(HappyPack, [
  26. {
  27. loaders: ["babel-loader"],
  28. },
  29. ]);
  30. // config.plugin('dll').use(webpack.DllPlugin, [
  31. // {
  32. // name: '[name]_library',
  33. // path: path.join(__dirname, 'dll', '[name]-manifest.json'),
  34. // },
  35. // ]);
  36. config.plugin("workbox").use(WorkboxPlugin.GenerateSW, [
  37. {
  38. clientsClaim: true,
  39. skipWaiting: true,
  40. },
  41. ]);
  42. },
  43. css: {
  44. loaderOptions: {
  45. postcss: {
  46. postcssOptions: {
  47. plugins: [require("tailwindcss"), require("autoprefixer")],
  48. },
  49. },
  50. sass: {
  51. additionalData: `
  52. @import "@/styles/global.scss";
  53. `,
  54. },
  55. },
  56. },
  57. devServer: {
  58. // contentBase: path.join(__dirname, "public"),
  59. proxy: {
  60. "/api": {
  61. target: "http://192.168.5.4:16200", // 石月
  62. // target: "http://192.168.50.235:16200", // 内网
  63. // target: "http://192.168.5.15:16200",
  64. // target: "http://106.120.102.238:16700", // 外网 16600 16700
  65. // target: "http://10.96.137.5",
  66. changeOrigin: true,
  67. pathRewrite: {
  68. "^/api": "", // 去掉 /api 前缀
  69. },
  70. // onProxyReq(proxyReq, req, res) {
  71. // console.log("Proxying /api request to:", proxyReq.path); // 打印代理请求路径
  72. // },
  73. },
  74. // 未知量
  75. "/WZLapi": {
  76. target: "http://192.168.50.241:9001", // WZLapi 目标地址
  77. changeOrigin: true,
  78. pathRewrite: {
  79. "^/WZLapi": "", // 去掉 /WZLapi 前缀
  80. },
  81. },
  82. // 文佳
  83. "/WJapi": {
  84. target: "http://192.168.5.28:8888", // WZLapi 目标地址
  85. changeOrigin: true,
  86. pathRewrite: {
  87. "^/WJapi": "", // 去掉 /WZLapi 前缀
  88. },
  89. onProxyReq(proxyReq, req, res) {
  90. console.log("Proxying /sAlgorithm request to:", proxyReq.path); // 打印代理请求路径
  91. },
  92. },
  93. "/transDataWeb": {
  94. target: "http://192.168.50.241:9000/trans_data_web",
  95. changeOrigin: true,
  96. pathRewrite: {
  97. "^/transDataWeb": "", // 去掉 /transDataWeb 前缀
  98. },
  99. },
  100. "/sAlgorithm": {
  101. target: "http://192.168.5.28:8666", // 目标地址
  102. changeOrigin: true,
  103. pathRewrite: {
  104. "^/sAlgorithm": "", // 如果后端需要 `/api` 前缀
  105. },
  106. onProxyReq(proxyReq, req, res) {
  107. console.log("Proxying /sAlgorithm request to:", proxyReq.path); // 打印代理请求路径
  108. },
  109. },
  110. "/databaseApi": {
  111. target: "http://192.168.5.18:3000",
  112. changeOrigin: true,
  113. pathRewrite: {
  114. "^/databaseApi": "", // 去掉 /databaseApi 前缀
  115. },
  116. },
  117. },
  118. },
  119. configureWebpack: {
  120. resolve: {
  121. alias: {
  122. "@": resolve("src"),
  123. },
  124. },
  125. optimization: {
  126. usedExports: true,
  127. splitChunks: {
  128. chunks: "all",
  129. },
  130. minimize: true,
  131. minimizer: [new TerserPlugin(), new CssMinimizerPlugin()],
  132. },
  133. // plugins: [
  134. // new HtmlWebpackPlugin({
  135. // filename: "custom-filename.html", // 自定义输出的 HTML 文件名
  136. // title: "风机运行管理系统", // 设置页面的标题
  137. // // 其他配置...
  138. // }),
  139. // // 其他插件...
  140. // ],
  141. },
  142. pluginOptions: {
  143. "style-resources-loader": {
  144. preProcessor: "sass",
  145. patterns: [],
  146. },
  147. },
  148. configureWebpack: {
  149. devtool: "source-map",
  150. },
  151. };