nuxt2.0 设置 webpack 路径别名

最新推荐文章于 2025-06-25 09:07:42 发布

曹天骄

最新推荐文章于 2025-06-25 09:07:42 发布

阅读量3.9k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/solocao/article/details/83240074

本文介绍如何在Nuxt项目中通过配置nuxt.config.js来使用来自其他文件的组件路径，如components目录下的组件，通过修改resolve.alias实现路径别名化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果想在nuxt中直接使用其他文件的路径，比如下面的components，我们需要在nuxt.config.js进行配置即可。

import SiteHeader from 'components/site/SiteHeader.vue'

 build: {
    /*
    ** You can extend webpack config here
    */
    extend(config, ctx) {
      // Run ESLint on save
      if (ctx.isDev && ctx.isClient) {
        config.module.rules.push()
      }
      config.resolve.alias['components'] = path.resolve(__dirname, 'components')
    }
  }