alias 的使用

alias 的声明

在 vue.config.js 文件中，对 alias 进行申明，此申明方式只提供参考

module.exports = {
  configureWebpack: {  //覆盖webpack的配置项
    resolve: { //配置别名
      alias: {
        "@": path.resolve(__dirname, "./src"),
      }
    }
  }
}

在 <script> 标签中使用

# 不使用 alias
import ListItem from "../components/listItem/ListItem.vue";
# 使用 alias
import ListItem from "@/components/listItem/ListItem.vue";

在 <style> 标签中使用, 与在 <script> 不同需要在 @ 之前加 _，@ 即可

# 不使用 alias
@import url("../../common/style/css/item-wrapper.css");
# 使用 alias
@import url("~@/common/style/css/item-wrapper.css");