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

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


  • 精彩推荐

  • 2019-02-28 15:54:24

    HTTP协议缓存策略深入详解之ETAG妙用

    　　HTTP协议规格说明定义ETag为“被请求变量的实体值” 。另一种说法是，ETag是一个可以与Web资源关联的记号（token）。典型的Web资源可以一个Web页，但也可能是JSON或XML文档。服务器单独负责判断记号是什么及其含义，并在HTTP响应头中将其传送到客户端。

  • 2019-02-28 16:46:26

    android获取视频、图片时添加防盗链

    使用HTTP协议时，可以利用头信息中的Referer做防盗链。 我们在一些网站的网页里访问图片的时候，在图片本站是可以正常看到的，但在外头就不能看到了，这是因为在http的header信息中的referer元素。

  • 2019-03-02 11:29:17

    MySQL学习之索引顺序

    这个问题比较简单，MySQL本身会对条件和索引进行判断，这样写可以用到索引，没有问题。

  • 2019-03-06 11:24:19

    MySQL查看数据库表容量大小

    本文介绍MySQL查看数据库表容量大小的命令语句，提供完整查询语句及实例，方便大家学习使用。

  • 2019-03-13 09:38:11

    写入MySQL报错超出 max_allowed_packet 的问题

    MySQL会根据配置文件会限制server接受的数据包的大小。如果写入大数据时，因为默认的配置太小，插入和更新操作会因为 max_allowed_packet 参数限制，而导致失败。