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

2019-10-16 21:06:48

参考地址 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 配置

clipboard.png

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


  • 精彩推荐

  • 2021-04-19 11:00:23

    浅谈block和delegate的使用

    委托是协议的一种，顾名思义，就是委托他人帮自己去做事。委托是给一个对象提供机会对另一个对象中的变化做出反应或者影响另一个对象的行为。其基本思想是：两个对象协同解决问题，并且打算在广泛的情形中重用。委托指向另一个对象（即它的委托）的引用，并在关键时刻给委托发消息。消息可能只是通知委托发生了某件事情，给委托提供机会执行额外的处理，或者消息可能要求委托提供一些关键的信息以控制所发生的事情。委托的作用主要有两个，一个是传值，一个是传事件。

  • 2021-04-19 11:36:44

    iOS 组件实现方案

    什么才是好架构，为什么要组件，组件设计的优点

  • 2021-04-25 09:53:18

    android debug速度特别慢有时候卡住

    一直提示定在 Starting LLDB server。可能的原因是 Android Studio编译速度太慢了，就会一直卡在Starting LLDB server。可以通过设置 Run/Debug Configurations ——> Debugger ——> Debug type 为 Java 跳过 C/C++的调试，起码实现对 Java 程序的调试

  • 2021-04-25 09:54:19

    sequelize 时区配置

    sequelize 默认情况下， 保存日期时会转换成 +00:00时区，