quasar--使用@路径引入,quasar.conf.js配置（vue3.0）

在quasar.conf.js里面找到build里的chainWebpack

    chainWebpack (chain) {
      chain.resolve.alias
       .set("@", path.resolve("src"))
       .set("assets", path.resolve("src/assets"))
       .set("statics", path.resolve("src/statics"))
       .set("components", path.resolve("src/components"))
   },

在页面中就可以直接使用了

  <img src="@/statics/img/xxx.png" />
  <img src="@/assets/img/xxx.png" />
  或是：
  background: url('~@/statics/images/kkt.png') no-repeat 0 0/ 100% 100%;

build.png