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构建项目如何配置文件路径别名？

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

2.写入以下代码，具体内容见注释：

最新文章

热门文章