webpack.base.config.js 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. const path = require('path');
  2. const DefinePlugin = require('webpack').DefinePlugin;
  3. const { VueLoaderPlugin } = require('vue-loader');
  4. const clientDir = path.resolve(__dirname, '../client');
  5. module.exports = {
  6. resolve: {
  7. alias: {
  8. ws: false,
  9. //vue: '@vue/compat'
  10. }
  11. },
  12. entry: [`${clientDir}/main.js`],
  13. output: {
  14. publicPath: '/app/',
  15. clean: true
  16. },
  17. module: {
  18. rules: [
  19. {
  20. test: /\.vue$/,
  21. loader: 'vue-loader',
  22. /*options: {
  23. compilerOptions: {
  24. compatConfig: {
  25. MODE: 2
  26. }
  27. }
  28. }*/
  29. },
  30. {
  31. resourceQuery: /^\?vue/,
  32. use: path.resolve(__dirname, 'includer.js')
  33. },
  34. {
  35. test: /\.js$/,
  36. loader: 'babel-loader',
  37. exclude: /node_modules/,
  38. options: {
  39. presets: [['@babel/preset-env', { targets: { esmodules: true } }]],
  40. plugins: [
  41. ['@babel/plugin-proposal-decorators', { legacy: true }]
  42. ]
  43. }
  44. },
  45. {
  46. test: /\.(gif|png)$/,
  47. type: 'asset/inline',
  48. },
  49. {
  50. test: /\.jpg$/,
  51. type: 'asset/resource',
  52. generator: {
  53. filename: 'images/[name]-[hash:6][ext]'
  54. },
  55. },
  56. {
  57. test: /\.(ttf|eot|woff|woff2)$/,
  58. type: 'asset/resource',
  59. generator: {
  60. filename: 'fonts/[name]-[hash:6][ext]'
  61. },
  62. },
  63. ]
  64. },
  65. plugins: [
  66. new DefinePlugin({
  67. __VUE_OPTIONS_API__: true,
  68. __VUE_PROD_DEVTOOLS__: false,
  69. __QUASAR_SSR__: false,
  70. __QUASAR_SSR_SERVER__: false,
  71. __QUASAR_SSR_CLIENT__: false,
  72. __QUASAR_VERSION__: false,
  73. }),
  74. new VueLoaderPlugin(),
  75. ]
  76. };