解决WebStorm 2021无法识别@(别名路径)的问题

  1. 打开webpack设置(File - Settings - Languages & Frameworks - JavaScript - Webpack),设置为**Automatically**

  1. 在根目录中创建webpack.config.js,配置以下代码
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    const path = require('path')

    module.exports = {
    context: path.resolve(__dirname, './'),
    resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
    '@/': path.resolve('src'),
    }
    }
    }

之后别名路径就能正常识别了。


评论区