zoukankan      html  css  js  c++  java
  • Vue Cli起别名

    vue cli 3的写法

    module.exports = {
      configureWebpack: {
        resolve:{
          extensions:[],
          alias:{
            'assets':'@/assets',
            'common':'@/common',
            'components':'@/components',
            'network':'@/network',
            'views':'@/views',
          }
        }
      }
    }
    

    vue cli 4

    const path = require('path');//引入path模块
    function resolve(dir){
      return path.join(__dirname,dir)//path.join(__dirname)设置绝对路径
    }
    
    module.exports={
      chainWebpack:(config)=>{
        config.resolve.alias
          .set('@',resolve('./src'))
          .set('components',resolve('./src/components'))
          .set('views',resolve('./src/views'))
          .set('assets',resolve('./src/assets'))
          .set('network',resolve('./src/network'))
        //set第一个参数:设置的别名,第二个参数:设置的路径
      }
    }
    
    

    但我在实际测试中,我的脚手架版本是4,使用3的写法任然是正常的

    不考虑业务场景,一味的争执技术的高下,都是耍流氓。
  • 相关阅读:
    公司真题-字节跳动
    全素组探求
    枚举
    求n个整数的最大公约数
    Ajax技术
    读文本文件
    JSTL标签库
    URL跟URi的区别
    常用的JSTL标签
    EL表达语言
  • 原文地址:https://www.cnblogs.com/leoych/p/15165409.html
Copyright © 2011-2022 走看看