webstorm中不能識別react、vue alias 路徑別名符號

https://blog.csdn.net/weixin_37939942/article/details/89388466

 

因為我平時比較喜歡使用ws做開發，所以在使用vue或react的時候只要使用路徑別名符合，ws就會出現波浪線提示你，對我這個有強迫症的人來說很煩！所以在找了很久終於找到了解決辦法

1. 在ws有一個webpack的設置來幫我們識別項目路徑，所以我們只要創建一個對應的配置文件就行了

2. 創建一個js文件，名字隨意里面寫入

'use strict'
const path = require('path')

module.exports = {
  context: path.resolve(__dirname, './'),
  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      '@': path.resolve('src'),
      '@assets': path.resolve(__dirname, 'src/assets'),
      '@pages': path.resolve(__dirname, 'src/pages'),
      '@comp': path.resolve(__dirname, 'src/components'),
      '@api': path.resolve(__dirname, 'src/api'),
      '@plug': path.resolve(__dirname, 'src/plugins'),
      '@utils': path.resolve(__dirname, 'src/utils')
    }
  }
}

 

3. 在ws設置中引入
   
   然后在ws里面就能識別你所設置的哪些路徑別名了