vue.config.js 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. const path = require('path')
  2. function resolve(dir) {
  3. return path.join(__dirname, dir)
  4. }
  5. const baseUrl = process.env.VUE_APP_API_BASE_URL
  6. //自定义配置信息
  7. // const defaultSettings = require('./src/utils/settings.js')
  8. // const name = defaultSettings.sysTitle || '登录系统' // page title
  9. /**
  10. * @description vue 配置相关
  11. */
  12. module.exports = {
  13. publicPath: './',
  14. outputDir: 'dist',
  15. assetsDir: 'static',
  16. // indexPath: 'index.html',
  17. // lintOnSave: 'default',
  18. productionSourceMap: false, // 生产环境是否生成 sourceMap 文件
  19. devServer: {
  20. port: "9000", // 端口
  21. open: true, // 自动开启浏览器
  22. compress: false, // 开启压缩
  23. overlay: {
  24. warnings: false,
  25. errors: false
  26. },
  27. proxy: {
  28. '/api': {
  29. target: baseUrl,
  30. changeOrigin: true,
  31. pathRewrite: {
  32. '^/api': ''
  33. }
  34. }
  35. }
  36. },
  37. css: {
  38. // 是否使用css分离插件 ExtractTextPlugin
  39. extract: true,
  40. // 开启 CSS source maps?
  41. // sourceMap: false,
  42. // css预设器配置项
  43. loaderOptions: {
  44. // pass options to sass-loader
  45. sass: {
  46. // 引入全局变量样式,@使我们设置的别名,执行src目录
  47. //data: `@import "@/styles/index.scss";`
  48. }
  49. },
  50. requireModuleExtension: true
  51. },
  52. configureWebpack: {
  53. },
  54. chainWebpack:(config) =>{
  55. config.resolve.alias
  56. .set('@views',resolve('src/views'))
  57. }
  58. }