import Hello from '@/components/Hello'，@是什么意思？
请大家不要喷太简单。。。。我真的搜了没搜到这是什么写法。请知道的大大告知一下，谢过
4 回复
在 webpack 里配置的路径别名
如果不配置可能会出现：
import Hello from'../components/Hello';
import Hello from '../../../components/Hello';
等情况
假设 @ 是 G://demo/src/
那么 @components/Hello 是 G://demo/src/components/Hello.js
module.exports = {
entry: utils.getEntries(config.dev.entries),
resolve: {
extensions: [
'.js', '.vue', '.json'
],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
'@root': resolve('.')
}
},
我也刚刚接触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的路径