因为我平时比较喜欢使用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')
    }
  }
}

  1. 在ws设置中引入
    在这里插入图片描述
    然后在ws里面就能识别你所设置的哪些路径别名了

文章参考至:https://www.jianshu.com/p/5d42c667ee08

Logo

前往低代码交流专区

更多推荐