IDE vscode识别webpack中alias配置路径

最新推荐文章于 2022-08-08 16:43:53 发布

吹口琴的喵

最新推荐文章于 2022-08-08 16:43:53 发布

阅读量340

点赞数

分类专栏： # vue javascript nodeJS 文章标签： webpack typescript

本文链接：https://blog.csdn.net/qq_36404808/article/details/118213053

版权

在Vue项目中，当需要自定义Webpack的alias路径时，除了默认的'@'表示'src'，可以配置额外的别名。本文介绍了如何在Webpack配置、tsconfig.json及package.json中设置这些别名，以实现IDE如VSCode的正确识别，并且提及了在jest配置中处理模块映射的方法。

摘要由CSDN通过智能技术生成

在vue项目中，有特殊需求的话，除了@用来表示src的话，可能还会有其他的别名。配置方式如下：

项目的webpack的配置

alias: {
   
  '@': require('path').resolve(__dirname, '../src'),
  '@report': require('path').resolve(__dirname, '../src/views/report')
},

根目录中的tsconfig.json文件中配置path

{
   
    "compilerOptions"

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

吹口琴的喵

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
IDE vscode识别webpack中alias配置路径

在vue项目中，有特殊需求的话，除了@用来表示src的话，可能还会有其他的别名。配置方式如下：项目的webpack的配置alias: { '@': require('path').resolve(__dirname, '../src'), '@report': require('path').resolve(__dirname, '../src/views/report')},根目录中的tsconfig.json文件中配置path{ "compilerOptions": {
复制链接

扫一扫