vue.config.js 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. const CompressionWebpackPlugin = require('compression-webpack-plugin');
  2. const { transformElementScss } = require('ele-admin/lib/utils/dynamic-theme');
  3. module.exports = {
  4. lintOnSave: false,
  5. productionSourceMap: false,
  6. configureWebpack: {
  7. performance: {
  8. maxAssetSize: 2000000,
  9. maxEntrypointSize: 2000000
  10. }
  11. },
  12. devServer: {
  13. // 代理跨域的配置
  14. proxy: {
  15. // 当我们的本地的请求 有/api的时候,就会代理我们的请求地址向另外一个服务器发出请求
  16. '/api': {
  17. // target: 'http://192.168.3.51:18086', // 跨域请求的地址
  18. // target: 'http://192.168.3.35:8080', // kang杨威
  19. // target: 'http://192.168.3.25:8080', // 黄峥嵘
  20. target: 'http://192.168.3.41:8080', // 何江鹏
  21. changeOrigin: true, // 只有这个值为true的情况下 才表示开启跨域
  22. pathRewrite: {
  23. '^/api': ''
  24. }
  25. }
  26. }
  27. },
  28. chainWebpack(config) {
  29. config.plugins.delete('prefetch');
  30. if (process.env.NODE_ENV !== 'development') {
  31. // gzip 压缩
  32. config.plugin('compressionPlugin').use(
  33. new CompressionWebpackPlugin({
  34. test: /\.(js|css|html)$/,
  35. threshold: 10240
  36. })
  37. );
  38. }
  39. },
  40. css: {
  41. loaderOptions: {
  42. sass: {
  43. sassOptions: {
  44. outputStyle: 'expanded',
  45. importer: transformElementScss()
  46. }
  47. }
  48. }
  49. }
  50. };