最新消息:欢迎光临!

phpstorm解决无法识别webpack别名问题

tools findever 83浏览 0评论

这时,我们只需要在项目根目录创建一个文件 alias.config.js:

/** * 由于 Vue CLI 3 等不再使用传统的 webpack 配置文件,故 WebStorm 无法识别别名
 * 本文件对项目无任何作用,仅作为 WebStorm 识别别名用 * 进入 WebStorm preferences -> Language & Framework -> JavaScript -> Webpack,选择这个文件即可
 * */ const resolve = dir => require('path').join(__dirname, dir);

module.exports = {
    resolve: {
        alias: { '@': resolve('src') 
} } };
 
然后在setting中找到webpack,将该文件设置为配置文件即可。如果别名名跟目录名一致,则把上级目录设置为resource roots即可

转载请注明:Findever » phpstorm解决无法识别webpack别名问题

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址