vue.config.js 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. const path = require('path')
  2. const debug = process.env.NODE_ENV !== 'production'
  3. module.exports = {
  4. publicPath: './', // 根域上下文目录
  5. outputDir: 'dist', // 构建输出目录
  6. assetsDir: 'assets', // 静态资源目录 (js, css, img, fonts)
  7. lintOnSave: false, // 是否开启eslint保存检测,有效值:ture | false | 'error'
  8. runtimeCompiler: true, // 运行时版本是否需要编译
  9. transpileDependencies: [], // 默认babel-loader忽略mode_modules,这里可增加例外的依赖包名
  10. productionSourceMap: true, // 是否在构建生产包时生成 sourceMap 文件,false将提高构建速度
  11. configureWebpack: config => { // webpack配置,值位对象时会合并配置,为方法时会改写配置
  12. if (debug) { // 开发环境配置
  13. config.devtool = 'cheap-module-eval-source-map'
  14. } else { // 生产环境配置
  15. }
  16. // Object.assign(config, { // 开发生产共同配置
  17. // resolve: {
  18. // alias: {
  19. // '@': path.resolve(__dirname, './src'),
  20. // '@c': path.resolve(__dirname, './src/components'),
  21. // 'vue$': 'vue/dist/vue.esm.js'
  22. // }
  23. // }
  24. // })
  25. },
  26. chainWebpack: config => { // webpack链接API,用于生成和修改webapck配置,https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
  27. if (debug) {
  28. // 本地开发配置
  29. } else {
  30. // 生产开发配置
  31. }
  32. },
  33. parallel: require('os').cpus().length > 1, // 构建时开启多进程处理babel编译
  34. pluginOptions: { // 第三方插件配置
  35. },
  36. pwa: { // 单页插件相关配置 https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
  37. },
  38. devServer: {
  39. open: true,
  40. port: 8081,
  41. https: false,
  42. hotOnly: false,
  43. proxy: { // 配置跨域
  44. '/api': {
  45. target: 'http://localhost:5001/api/',
  46. ws: true,
  47. changOrigin: true,
  48. pathRewrite: {
  49. '^/api': ''
  50. }
  51. }
  52. },
  53. before: app => { }
  54. }
  55. }