基于vue项目设置resolves.alias: '@'路径并适配webstorm

在webpack的配置项中添加下面代码

function resolve (dir) {
 return path.join(__dirname, dir)
}
webpackConfig = {
  resolve: {
   alias: {
    '@': resolve('src')
   }
  }
}

然后再设置一下下，在你的IDE中按住CTRL就能根据路径跳转到对应文件了

描述： ctrl+alt+s 搜索 webpack 然后选择\node_modules\@vue\cli-service\webpack.config.js 文件 点击 OK

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持华域联盟。

您可能感兴趣的文章:

• 如何使用Webstorm和Chrome来调试Vue项目
• WebStorm无法正确识别Vue3组合式API的解决方案
• 如何用Idea或者webstorm跑一个Vue项目(步骤详解)
• webstorm建立vue-cli脚手架的傻瓜式教程
• 解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
• webstorm+vue初始化项目的方法
• vue: WebStorm设置快速编译运行的方法
• webstorm中vue语法的支持详解
• webstorm和.vue中es6语法报错的解决方法
• vue模板配置与webstorm代码格式规范设置

本文由 华域联盟 原创撰写：华域联盟 » 基于vue项目设置resolves.alias: '@'路径并适配webstorm

转载请保留出处和原文链接：https://www.cnhackhy.com/42345.htm