vue中的@代表什么

默认情况下,默认情况下,在Webpack中定义了一个别名(alias):@

@/components 等价于 src/components

对应的文件夹是 src 文件夹,是通过path.resolve()实现的:

vue中的@代表什么_第1张图片

configureWebpack: {
  resolve: {
    alias: { '@': resolve('src') }
  }
}

另外,倘若我们为components设置了别名:

configureWebpack: {
  resolve: {
    alias: { 'components': resolve('src/components') }
  }
}

此时我们在项目中其他位置需要使用到components的路径时,就可以忽略前面的部分,直接使用:

import HelloWorld from "./src/components/HelloWorld.vue"
import HelloWorld from "components/HelloWorld.vue"

你可能感兴趣的:(vue.js,webpack,javascript)