[webpack] 路径中的@符号表示什么
路径中的@符号表示什么在看别人使用webpack打包的项目代码时,经常会看到在路径中引用@符号,如下所示:importconOne from '@/views/conOne.vue'这其实利用了webpack的resolve.alias特性,webpack.config.js的配制代码如下,在webpack打包时,会把路径引用中的@符号,转换为相对应的路径。const path = ...
·
路径中的@符号表示什么
在看别人使用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')
}
}
}
更多推荐
已为社区贡献2条内容
所有评论(0)