[webpack] 路径中的@符号表示什么

最新推荐文章于 2024-04-05 21:23:40 发布

姜小衰

最新推荐文章于 2024-04-05 21:23:40 发布

阅读量4.5k

点赞数 2

分类专栏： webpack 文章标签： webpack

本文链接：https://blog.csdn.net/weixin_36210698/article/details/84326668

版权

webpack 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

路径中的@符号表示什么

在看别人使用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')
        }
    }
}