乐趣区

Idea或webstrom配置webpack设置路径alias实现代码自动补全功能

做开发的时候,每次 import 想要代码提示,通过../../src/components 长长的相对路径用起来很不方便,通过配置 webpack 的 alias 就可以让 ide 实现代码自动补全功能
配置文件内容 alias.config.js
const path = require(‘path’);
module.exports = {
resolve: {
alias: {
‘@’: path.resolve(__dirname, “src”),
‘_c’: path.resolve(__dirname, “src/components”),
}
}
};
idea 配置

这样就能很愉快的跑起来了

退出移动版