quasar.conf.js 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. // Configuration for your app
  2. module.exports = function (ctx) {
  3. return {
  4. // app plugins (/src/plugins)
  5. plugins: [
  6. 'i18n',
  7. 'axios'
  8. ],
  9. css: [
  10. 'app.styl'
  11. ],
  12. extras: [
  13. ctx.theme.mat ? 'roboto-font' : null,
  14. 'material-icons'
  15. // 'ionicons',
  16. // 'mdi',
  17. // 'fontawesome'
  18. ],
  19. supportIE: true,
  20. vendor: {
  21. add: [],
  22. remove: []
  23. },
  24. build: {
  25. scopeHoisting: true,
  26. vueRouterMode: 'history',
  27. // gzip: true,
  28. // analyze: true,
  29. // extractCSS: false,
  30. // useNotifier: false,
  31. extendWebpack (cfg) {
  32. cfg.module.rules.push({
  33. enforce: 'pre',
  34. test: /\.(js|vue)$/,
  35. loader: 'eslint-loader',
  36. exclude: /(node_modules|quasar)/
  37. })
  38. }
  39. },
  40. devServer: {
  41. // https: true,
  42. // port: 8080,
  43. open: false // opens browser window automatically
  44. },
  45. // framework: 'all' --- includes everything; for dev only!
  46. framework: {
  47. components: [
  48. 'QLayout',
  49. 'QLayoutHeader',
  50. 'QLayoutDrawer',
  51. 'QPageContainer',
  52. 'QPage',
  53. 'QToolbar',
  54. 'QToolbarTitle',
  55. 'QBtn',
  56. 'QIcon',
  57. 'QList',
  58. 'QListHeader',
  59. 'QItem',
  60. 'QItemMain',
  61. 'QItemSide'
  62. ],
  63. directives: [
  64. 'Ripple'
  65. ],
  66. // Quasar plugins
  67. plugins: [
  68. 'Notify',
  69. 'ActionSheet'
  70. ]
  71. },
  72. // animations: 'all' --- includes all animations
  73. animations: [
  74. ],
  75. pwa: {
  76. cacheExt: 'js,html,css,ttf,eot,otf,woff,woff2,json,svg,gif,jpg,jpeg,png,wav,ogg,webm,flac,aac,mp4,mp3',
  77. manifest: {
  78. // name: 'Quasar App',
  79. // short_name: 'Quasar-PWA',
  80. // description: 'Best PWA App in town!',
  81. display: 'standalone',
  82. orientation: 'portrait',
  83. background_color: '#ffffff',
  84. theme_color: '#027be3',
  85. icons: [
  86. {
  87. 'src': 'statics/icons/icon-128x128.png',
  88. 'sizes': '128x128',
  89. 'type': 'image/png'
  90. },
  91. {
  92. 'src': 'statics/icons/icon-192x192.png',
  93. 'sizes': '192x192',
  94. 'type': 'image/png'
  95. },
  96. {
  97. 'src': 'statics/icons/icon-256x256.png',
  98. 'sizes': '256x256',
  99. 'type': 'image/png'
  100. },
  101. {
  102. 'src': 'statics/icons/icon-384x384.png',
  103. 'sizes': '384x384',
  104. 'type': 'image/png'
  105. },
  106. {
  107. 'src': 'statics/icons/icon-512x512.png',
  108. 'sizes': '512x512',
  109. 'type': 'image/png'
  110. }
  111. ]
  112. }
  113. },
  114. cordova: {
  115. // id: 'org.cordova.quasar.app'
  116. },
  117. electron: {
  118. extendWebpack (cfg) {
  119. // do something with cfg
  120. },
  121. packager: {
  122. // OS X / Mac App Store
  123. // appBundleId: '',
  124. // appCategoryType: '',
  125. // osxSign: '',
  126. // protocol: 'myapp://path',
  127. // Window only
  128. // win32metadata: { ... }
  129. }
  130. },
  131. // leave this here for Quasar CLI
  132. starterKit: '1.0.2'
  133. }
  134. }