vue.config.js 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. /*
  2. * @Author: zouwenying
  3. * @Date: 2020-10-21 18:14:35
  4. * @LastEditTime: 2021-03-25 17:03:31
  5. * @LastEditors: Please set LastEditors
  6. * @Description: In User Settings Edit
  7. * @FilePath: \vue-manage-system-master\vue.config.js
  8. */
  9. const path = require('path');
  10. const envConfig = require('./src/config');
  11. function resolve(dir) {
  12. return path.join(__dirname, dir); // path.join(__dirname)设置绝对路径
  13. }
  14. module.exports = {
  15. publicPath: process.env.NODE_ENV == 'development' ? '/' : '/sc-login',
  16. productionSourceMap: false,
  17. chainWebpack: config => {
  18. // 配置别名
  19. config.resolve.alias
  20. .set('@', resolve('src'))
  21. .set('@assets', resolve('src/assets'))
  22. .set('@views', resolve('src/views'))
  23. .set('@components', resolve('src/components'))
  24. .set('@utils', resolve('src/utils'));
  25. },
  26. // 配置全局样式变量
  27. // css: {
  28. // loaderOptions: {
  29. // sass: {
  30. // prependData: `@import "@assets/css/variable.scss";`
  31. // }
  32. // }
  33. // },
  34. // 配置全局样式变量
  35. // css: {
  36. // loaderOptions: {
  37. // // sass: {
  38. // // data: '@import "@/assets/styles/common/px2rem.scss";@import "@/assets/styles/common/mixins.scss";'
  39. // // },
  40. // postcss: {
  41. // plugins: [
  42. // require('postcss-pxtorem')({
  43. // rootValue: 100, // 换算的基数
  44. // selectorBlackList: ['weui', 'mu'], // 忽略转换正则匹配项
  45. // propList: ['*']
  46. // })
  47. // ]
  48. // }
  49. // }
  50. // },
  51. configureWebpack: {
  52. externals: {
  53. vue: 'Vue',
  54. 'vue-router': 'VueRouter',
  55. vuex: 'Vuex',
  56. 'element-ui': 'ELEMENT',
  57. axios: 'axios',
  58. lodash: '_',
  59. dayjs: 'dayjs',
  60. echarts: 'echarts'
  61. },
  62. //关闭 webpack 的性能提示
  63. performance: {
  64. hints: 'warning',
  65. //入口起点的最大体积
  66. maxEntrypointSize: 50000000,
  67. //生成文件的最大体积
  68. maxAssetSize: 300000000,
  69. //只给出 js 文件的性能提示
  70. assetFilter: function (assetFilename) {
  71. return assetFilename.endsWith('.js');
  72. }
  73. }
  74. },
  75. devServer: {
  76. host: '0.0.0.0', // can be overwritten by process.env.HOST
  77. port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
  78. https: false, // https:{type:Boolean}
  79. open: false, // 配置自动启动浏览器 open: 'Google Chrome'-默认启动谷歌
  80. // 配置多个代理
  81. proxy: {
  82. '/sc-user-auth': {
  83. target: envConfig.baseApi,
  84. ws: true, // 代理的WebSockets
  85. changeOrigin: true, // 允许websockets跨域
  86. logLevel: 'debug',
  87. pathRewrite: {
  88. /* "^/api": "" */
  89. }
  90. },
  91. '/sc-user-center': {
  92. target: envConfig.baseApi,
  93. ws: true, // 代理的WebSockets
  94. changeOrigin: true, // 允许websockets跨域
  95. logLevel: 'debug',
  96. pathRewrite: {
  97. /* "^/api": "" */
  98. }
  99. },
  100. '/sc-community': {
  101. target: envConfig.baseApi,
  102. ws: true, // 代理的WebSockets
  103. changeOrigin: true, // 允许websockets跨域
  104. logLevel: 'debug',
  105. pathRewrite: {
  106. /* "^/api": "" */
  107. }
  108. },
  109. }
  110. }
  111. };