webpack打包⽂件中的@符号表⽰什么意思
在看使⽤webpack打包的项⽬代码时,经常会看到在路径中引⽤@符号
import one from '@/views/one.vue'
那这⾥的@符号到底表⽰什么意思呢?
这其实利⽤了webpack的 resolve.alias 特性,fig.js 的配制代码如下,在webpack打包时,会把路径引⽤中的@符号,转换为相对应的路径。
webpack打包流程 面试const path = require("path");
function resolve(dir) {
return path.join(__dirname, '..', dir);
}
resolve: {
extensions: ['*', '.js', '.vue'],
alias:{
'vue$': 'vue/dist/vuemon.js',
'@': resolve('src') // 通过这⾥的配置,@符号等同于src
}
}
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论