在Vue项目中配置resolves.alias: @并在WebStorm中进行适配
5星
- 浏览量: 0
- 大小:None
- 文件类型：PDF
简介：
本教程详解如何在Vue.js项目中设置Webpack的resolve.alias以使用@作为根目录别名，并介绍如何调整WebStorm开发环境，实现更高效的代码编写与调试。
在webpack的配置项中添加以下代码：
```javascript
function resolve(dir) {
return path.join(__dirname, dir)
}
webpackConfig = {
resolve: {
alias: {
@: resolve(src)
}
}
}
```
接着，在你的IDE中按住CTRL，就可以根据路径跳转到对应的文件了。要设置这个配置，请打开IDE的设置界面（通常通过`ctrl+alt+s`快捷键），搜索“webpack”，然后选择位于 `node_modules/@vue/cli-service/webpack.config.js` 文件中的选项，并点击确认按钮进行保存。
全部评论 (0)
还没有任何评论哟~
