idea 设置vue@跳转

最新推荐文章于 2024-07-22 11:14:01 发布

Mikaelemmmm

最新推荐文章于 2024-07-22 11:14:01 发布

阅读量991

点赞数 1

分类专栏：开发工具使用 vue

本文链接：https://blog.youkuaiyun.com/jj546630576/article/details/108132113

版权

开发工具使用同时被 2 个专栏收录

15 篇文章

订阅专栏

vue

8 篇文章

订阅专栏

本文介绍如何在IDEA中通过创建config.js文件来配置Webpack的路径别名，简化项目开发中的路径引用，提高代码可读性和维护性。

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

第一步：根目录下面，创建一个JS文件，名字随便起config.js

/* 此文件未使用，只是为了让idea可以识别实际位置 */
const path = require('path');

function resolve(dir) {
  return path.join(__dirname, dir);
}

module.exports = {
  resolve: {
    alias: {
      '@': resolve('src')
    }
  }
};

第二步：然后在idea的settings中配置一下这个文件。在Languages & Frameworks这一栏下面有个webpack，具体路径在File | Settings | Languages & Frameworks | JavaScript | Webpack然后选择webpack的配置文件为我们刚才新建的那个文件config.js