Nuxt CNode：Node.js专业中文社区

import Hello from '@/components/Hello'，@是什么意思？

发布于 8 年前作者 mengLLLL 5928 次预览最后一次回复是 8 年前来自问答

请大家不要喷太简单。。。。我真的搜了没搜到这是什么写法。请知道的大大告知一下，谢过

4 回复

Lizhooh

1楼•8 年前

在 webpack 里配置的路径别名

如果不配置可能会出现：

import Hello from'../components/Hello';

import Hello from '../../../components/Hello';

等情况

假设 @ 是 G://demo/src/

那么 @components/Hello 是 G://demo/src/components/Hello.js

i5ting

2楼•8 年前

module.exports = {
  entry: utils.getEntries(config.dev.entries),
  resolve: {
    extensions: [
      '.js', '.vue', '.json'
    ],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      '@root': resolve('.')
    }
  },

toastsgithub

3楼•8 年前

我也刚刚接触vue, 对这个问题也很好奇，不过还是要善于stackoverflow https://stackoverflow.com/questions/42749973/es6-import-using-at-sign-in-path-in-a-vue-js-project-using-webpack

顺便贴简答：大概就是在webpack配置里加了个alias, 当遇到需要解析路径里的@的时候，自动替换为配置好的路径，如果你用的是vue-cli自动生成的项目那就是被替换为src的路径

mengLLLL

4楼•8 年前

@Lizhooh @i5ting @toastsgithub 谢谢各位大大！