在WebStorm中无法点击webpack的alias别名路径？

  1. 在根目录创建 vue.config.js 文件，这个文件在create项目时默认是没有生成的。


    image.png
  2. 如下配置 vue.config.js
const path = require('path')

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

module.exports = {
  lintOnSave: true,
  chainWebpack: (config) => {
    config.resolve.alias
      .set('@', resolve('src'))
      .set('@components', resolve('src/components'))
      .set('@common', resolve('src/common'))
  }
}

  1. 打开 File - Settings 配置 Languages & Frameworks - JavaScript - Webpack 如下图，保存搞定。


    image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容