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

作者: 进击的阿达 | 来源:发表于2019-05-08 11:48 被阅读0次

在WebStorm中无法点击webpack的alias别名路径？
2019-02-17 vue中的import xxx from
vue饿了么踩坑指南
css 中使用webpack别名(alias)
vue项目中的引入路径里@的说明
Vscode 开启对 webpack alias(文件别名) 引
Angular设置路径别名
[记录]让 VSCode 支持路径别名
解决vscode插件path-autocomplete有多个相同
vue.config.js 笔记

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

image.png
如下配置 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'))
  }
}

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

image.png

在WebStorm中无法点击webpack的alias别名路径？
在根目录创建 vue.config.js 文件，这个文件在create项目时默认是没有生成的。image.png ...
2019-02-17 vue中的import xxx from
这是 webpack 方面的知识，webpack可以配置alias(也就是路径别名), 可以在build -> w...
vue饿了么踩坑指南
在build/webpack.base.config中可以设置alias设置相应的别名，可以在导入时简化路径。 v...
css 中使用webpack别名(alias)
webpack css中使用别名(alias)和node_modules中的文件在webpack中配置的别名(a...
vue项目中的引入路径里@的说明
利用了到了webpack的 alias 别名 build/webpack.base.conf.js中配置的别名： ...
Vscode 开启对 webpack alias(文件别名) 引
在vscode中使用alias别名引入文件，jsdoc写的注释看不到。webpack中alias这样设置：将sr...
Angular设置路径别名
在Angular中，因为将webpack打包内置了，所以设置webpack的alias需要按照如下方式别名设置 ...
[记录]让 VSCode 支持路径别名
在使用 Webpack 的时候，别名（Alias）配置很方便，可以帮助我们快速的引用文件，避免多层次的路径引用，但...
解决vscode插件path-autocomplete有多个相同
背景前几天在搞一个前端的新项目, 使用到webpack中的一个alias(别名)可以避免引用路径的混乱, 但是v...
vue.config.js 笔记
使用webpack的别名alias配置,常用@ 项目中使用引入文件有时候路径比较深，需要使用"../../../x...