码迷,mamicode.com
首页 > 其他好文 > 详细

VueCli4构建项目如何配置文件路径别名?

时间:2020-05-23 16:11:11      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:内容   src   view   第一个   webpack   构建   views   config   ons   

1.在项目文件根目录上创建 vue.config.js 文件

技术图片

2.写入以下代码,具体内容见注释:

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第一个参数:设置的别名,第二个参数:设置的路径
  }
}

VueCli4构建项目如何配置文件路径别名?

标签:内容   src   view   第一个   webpack   构建   views   config   ons   

原文地址:https://www.cnblogs.com/cqkjxxxx/p/12942811.html

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