概述
路径中的@符号表示什么
在看别人使用webpack打包的项目代码时，经常会看到在路径中引用@符号，如下所示：
import
conOne from '@/views/conOne.vue'
这其实利用了webpack的resolve.alias特性，webpack.config.js的配制代码如下，在webpack打包时，会把路径引用中的@符号，转换为相对应的路径。
const path = require("path");
function resolve(dir) {
return path.join(__dirname, '..', dir);
}
module.exports = {
resolve: {
extensions: ['*', '.js', '.vue'],
alias:{
'vue$': 'vue/dist/vue.common.js',
'@': resolve('src')
}
}
}
最后
以上就是安静戒指为你收集整理的[webpack] 路径中的@符号表示什么路径中的@符号表示什么的全部内容，希望文章能够帮你解决[webpack] 路径中的@符号表示什么路径中的@符号表示什么所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
![[webpack] 路径中的@符号表示什么路径中的@符号表示什么](/uploads/reation/bcimg4.png)
发表评论 取消回复