quasar alias别名配置

其实quasar自带就有别名
Quasar带有一些预先配置好的Webpack别名。 您可以在项目中的任何位置使用它们,webpack将解析为正确的路径。
src /src
app /
components /src/components
layouts /src/layouts
pages /src/pages
assets /src/assets
boot /src/boot
可以参考http://www.quasarchs.com/quasar-cli/handling-webpack/#Webpack%E5%88%AB%E5%90%8D
如果还是想自己配置,可以在quasar.conf.js
let path = require(‘path’)

      // extractCSS: false,
      // useNotifier: false,
      extendWebpack (cfg) {
        cfg.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules|quasar)/
        })
        cfg.resolve.alias = {
          ...cfg.resolve.alias,
          '@components': path.resolve(__dirname, './src/components'),
          '@helpers': path.resolve(__dirname, './src/helpers'),
          '@module1': path.resolve(__dirname, './src/domains/module1),
          ....
        }
      }
    },

留下评论