vue.config.js 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260
  1. const { resolve } = require('path')
  2. const path = require('path')
  3. const WebpackBar = require('webpackbar')
  4. // const dayjs = require('dayjs')
  5. // const time = dayjs().format('YYYY-M-D HH:mm:ss')
  6. const merge = require('webpack-merge')
  7. const tsImportPluginFactory = require('ts-import-plugin')
  8. const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
  9. const productionGzipExtensions = ['js', 'css', 'svg']
  10. // process.env.VUE_APP_UPDATE_TIME = time
  11. const isProduction = process.env.NODE_ENV === 'production'
  12. const cdn = {
  13. css: ['https://cdn.jsdelivr.net/npm/vant@3/lib/index.css'],
  14. js: ['https://unpkg.com/vue@3.2.31/dist/vue.global.js',
  15. 'https://unpkg.com/vue-router@4.0.14/dist/vue-router.global.js',
  16. 'https://unpkg.com/vuex@4.0.2/dist/vuex.global.js',
  17. 'https://cdn.jsdelivr.net/npm/vant@3/lib/vant.min.js',
  18. 'https://cdn.jsdelivr.net/npm/echarts@5.3.2/dist/echarts.min.js'
  19. ]
  20. }
  21. const {
  22. publicPath,
  23. assetsDir,
  24. parallel,
  25. outputDir,
  26. lintOnSave,
  27. transpileDependencies,
  28. title,
  29. devPort,
  30. } = require('./src/config/default/vue.custom.config')
  31. const CompressionPlugin = require('compression-webpack-plugin')
  32. module.exports = {
  33. publicPath,
  34. assetsDir,
  35. parallel,
  36. outputDir,
  37. lintOnSave,
  38. transpileDependencies,
  39. // css: {
  40. // loaderOptions: {
  41. // postcss: {
  42. // plugins: [
  43. // require('postcss-px2rem-exclude')({
  44. // 'remUnit':98, //设计稿是750,那么这里的设置就是填750/10=75
  45. // 'propList': ['*', '!border','!border-left','!border-right'],
  46. // 'exclude': /node_modules|folder_name/i // 解决UI库px转rem问题 配置忽略node包
  47. // })
  48. // ]
  49. // }
  50. // },
  51. // },
  52. css: {
  53. loaderOptions: {
  54. postcss: {
  55. plugins: [
  56. require('postcss-pxtorem')({ // 把px单位换算成rem单位
  57. rootValue: 98, // vant官方使用的是37.5
  58. minPixelValue: 4,
  59. unitPrecision: 3,
  60. // selectorBlackList: ['vant', 'mu'], // 忽略转换正则匹配项
  61. propList: ['*']
  62. })
  63. ]
  64. }
  65. }
  66. },
  67. devServer: {
  68. hot: true,
  69. port: devPort,
  70. open: true,
  71. noInfo: false,
  72. overlay: {
  73. warnings: true,
  74. errors: true,
  75. },
  76. proxy: {
  77. '/sgipad/duoduo-service/': {
  78. target: 'https://duoduoenv.sagacloud.cn',
  79. // target: 'http://192.168.0.47:52015',
  80. changeOrigin: true,
  81. pathRewrite: {
  82. '^/sgipad/duoduo-service': '/duoduo-service'
  83. }
  84. },
  85. "/sgipad/pad_mtime": {
  86. target: 'http://39.106.8.246:9091/',
  87. changeOrigin: true,
  88. pathRewrite: {
  89. '^/sgipad/pad_mtime': '/pad_mtime'
  90. }
  91. },
  92. '/sgipad/server/': {
  93. // target: 'https://duoduoenv.sagacloud.cn',
  94. target: 'http://sso.sagacloud.cn',
  95. changeOrigin: true,
  96. pathRewrite: {
  97. '^/sgipad/server': '/server'
  98. }
  99. },
  100. '/sgipad/mngserver/': {
  101. // target: 'https://duoduoenv.sagacloud.cn',
  102. target: 'http://mng.sagacloud.cn',
  103. changeOrigin: true,
  104. pathRewrite: {
  105. '^/sgipad/mngserver': '/server'
  106. }
  107. },
  108. '/sgipad/test/': {
  109. // target: 'https://duoduoenv.sagacloud.cn',
  110. // target: 'http://192.168.0.13:52009',
  111. // target: 'http://192.168.4.54:52009',
  112. target: 'http://192.168.16.168:52015',
  113. changeOrigin: true,
  114. pathRewrite: {
  115. '^/sgipad/test': ''
  116. }
  117. },
  118. '/sgipad/test1/': {
  119. // target: 'https://duoduoenv.sagacloud.cn',
  120. target: 'http://192.168.0.65:52009',
  121. changeOrigin: true,
  122. pathRewrite: {
  123. '^/sgipad/test1': ''
  124. }
  125. },
  126. // '/api': {
  127. // target: 'http://api.sagacloud.cn',
  128. // changeOrigin: true,
  129. // pathRewrite: {
  130. // '^/api': ''
  131. // }
  132. // },
  133. // '/duoduo-service/': {
  134. // target: 'https://duoduoenv.sagacloud.cn',
  135. // changeOrigin: true,
  136. // pathRewrite: {
  137. // '^/duoduo-service': '/duoduo-service'
  138. // }
  139. // },
  140. // '/server/': {
  141. // target: 'https://duoduoenv.sagacloud.cn',
  142. // changeOrigin: true,
  143. // pathRewrite: {
  144. // '^/server': '/server'
  145. // }
  146. // },
  147. // '/object/': {
  148. // target: 'http://192.168.0.14:52010',
  149. // changeOrigin: true,
  150. // pathRewrite: {
  151. // '^/object': '/object'
  152. // }
  153. // },
  154. // '/mapServer/': {
  155. // target: 'http://192.168.0.14:52015',
  156. // changeOrigin: true,
  157. // pathRewrite: {
  158. // '^/mapServer': ''
  159. // }
  160. // }
  161. }
  162. },
  163. pluginOptions: {
  164. 'style-resources-loader': {
  165. preProcessor: 'scss',
  166. patterns: [
  167. path.resolve(__dirname, 'src/styles/_variables.scss'),
  168. path.resolve(__dirname, 'src/styles/_mixins.scss'),
  169. ]
  170. }
  171. },
  172. configureWebpack() {
  173. return {
  174. resolve: {
  175. alias: {
  176. '@': resolve('src'),
  177. '*': resolve(''),
  178. 'Assets': resolve('src/assets')
  179. }
  180. },
  181. module: {
  182. rules: [
  183. {
  184. test: /\.(json5?|ya?ml)$/, // target json, json5, yaml and yml files
  185. loader: '@intlify/vue-i18n-loader',
  186. include: [ // Use `Rule.include` to specify the files of locale messages to be pre-compiled
  187. path.resolve(__dirname, 'src/lang')
  188. ]
  189. },
  190. ],
  191. },
  192. plugins: isProduction ? [
  193. // new UglifyJsPlugin({
  194. // uglifyOptions: {
  195. // compress: {
  196. // drop_debugger: true,
  197. // drop_console: true, //生产环境自动删除console
  198. // },
  199. // warnings: false,
  200. // },
  201. // sourceMap: false,
  202. // parallel: true //使用多进程并行运行来提高构建速度。默认并发运行数:os.cpus().length - 1。
  203. // }),
  204. // 配置压缩
  205. new CompressionPlugin({
  206. // test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),
  207. threshold: 1024 * 10, // 30K
  208. minRatio: 0.8,
  209. algorithm: 'gzip', // 使用gzip压缩
  210. test: /\.js$|\.css$/, // 匹配文件名
  211. filename: '[path].gz[query]', // 压缩后的文件名(保持原文件名,后缀加.gz)
  212. deleteOriginalAssets: false
  213. }),
  214. new WebpackBar({
  215. name: title
  216. })
  217. ] : [new WebpackBar({
  218. name: title
  219. })],
  220. // externals: isProduction ? {
  221. // 'vue': 'Vue',
  222. // 'vuex': 'Vuex',
  223. // 'vant' : 'vant',
  224. // 'vue-router': 'VueRouter',
  225. // 'echarts': 'echarts'
  226. // } : {}
  227. }
  228. },
  229. chainWebpack: config => {
  230. config.optimization.minimizer('terser').tap((args) => {
  231. args[0].parallel = 4
  232. args[0].terserOptions.compress.warnings = true
  233. args[0].terserOptions.compress.drop_debugger = true
  234. args[0].terserOptions.compress.drop_console = true
  235. return args
  236. })
  237. config.module
  238. .rule('ts')
  239. .use('ts-loader')
  240. .tap(options => {
  241. options = merge(options, {
  242. transpileOnly: true,
  243. getCustomTransformers: () => ({
  244. before: [
  245. tsImportPluginFactory({
  246. libraryName: 'vant',
  247. libraryDirectory: 'es',
  248. style: true
  249. })
  250. ]
  251. }),
  252. compilerOptions: {
  253. module: 'es2015'
  254. }
  255. })
  256. return options
  257. })
  258. }
  259. }