码迷,mamicode.com
首页 > Web开发 > 详细

webpack打包文件中的@符号表示什么意思

时间:2019-07-03 00:31:47      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:view   打包   文件   pat   import   ack   pack   pre   路径   

  在看使用webpack打包的项目代码时,经常会看到在路径中引用@符号

import  one from ‘@/views/one.vue‘

  

  那这里的@符号到底表示什么意思呢?

  这其实利用了webpack的  resolve.alias  特性,webpabk.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‘)  // 通过这里的配置,@符号等同于src
        }
    }
}

  

  

webpack打包文件中的@符号表示什么意思

标签:view   打包   文件   pat   import   ack   pack   pre   路径   

原文地址:https://www.cnblogs.com/belongs-to-qinghua/p/11123764.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!