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

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


  • 精彩推荐

  • 2017-12-06 09:35:10

    分页优化的四种方式

    在大数据量的情况下，原本很简单的分页如果没有处理好，你会发现分页的请求会消耗你大量的数据库时间。如果你遇到了这个问题，文章给了你几个很好的解决的方案。当然，初学者若能看完这篇文章，那么它会指导你写出更具有扩展性的分页代码。