Vue中的import中@的作用
这是webpack的路径别名,相关代码定义在配置文件webpack.base.config里:resolve: {// 自动补全的扩展名extensions: ['.js', '.vue', '.json'],// 默认路径代理// 例如 import Vue from 'vue',会自动到 'vue/dist/vue.common.js'中寻找alias: {'@': resolve('src'
·
这是webpack的路径别名,相关代码定义在配置文件webpack.base.config里:
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'
}
}
其中resolve()函数是文件里面自定义的函数:
function resolve (dir) {
return path.join(__dirname, '..', dir)
}
我们也可以自定义路径:
alias: {
'@': resolve('src'),
'@config': resolve('config'),
'vue$': 'vue/dist/vue.common.js',
'@components':path.join(__dirname, '..', 'src/components')//组件路径
}
更多推荐
已为社区贡献1条内容
所有评论(0)