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

问答

MmengLLLL发布于9 年前最后回复9 年前|4 回复6171 浏览0 收藏

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

查看回复

Lizhooh#1·9 年前

在 webpack 里配置的路径别名

如果不配置可能会出现：

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

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

等情况

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

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

i5ting#2·9 年前

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·9 年前

我也刚刚接触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·9 年前

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

参与回复

登录后即可参与回复。登录

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

回复 (4)