今天看新项目代码,有import \'@/assets/css/theme/index.css\'一类的代码,里面的@是做什么的呢。
找到这篇文章https://www.cnblogs.com/boshow/p/8758927.html,这个是webpack使用loader里配置的
resolve: { // 自动补全的扩展名 extensions: [\'.js\', \'.vue\', \'.json\'], // 默认路径代理 // 例如 import Vue from \'vue\',会自动到 \'vue/dist/vue.common.js\'中寻找 alias: { \'@\': resolve(\'src\'), \'@config\': resolve(\'config\'), \'vue$\': \'vue/dist/vue.common.js\' } }
@ 等价于 /src 这个目录,避免写麻烦又易错的相对路径