批量替换require成import

2020-04-14 10:54:47

由于webpack3不在能require 和import混用,使用了一个老的js库,他是混用的。

需要对文件进行改动,改动的还不小。文件特别多。

看来得写脚本了。

不过idea的正则替换不错,稍微研究了下。我用下面的正则表达式进行了替换。


正则表达式如下

var (isArray) = require\((.*?)\)    替换成   import  $1 from $2

实际操作结果如下

var isArray = require('../base/isArray')

替换成了

import  isArray from '../base/isArray'


成功。


参考内容如下

IDEA实现正则批量替换

一、场景

假如:有这样几行代码

<img src="/images/csscreate.png" />

<img src="/images/httpxieyi-.png" />

<img src="/images/jsbibao.png" />

现在需要替换成

<img src="/images/csscreate.png" th:src="@{/images/csscreate.png}" />

<img src="/images/httpxieyi-.png" th:src="@{/images/httpxieyi-.png}" /> 

<img src="/images/jsbibao.png" th:src="@{/images/jsbibao.png}" /> 


二、实现步骤

1. 选中其中一个img中的src部分,比如:src="/images/csscreate.png" ;

2. 按下快捷键 Ctrl + R ;

3. 在编辑器左上方会弹出两个输入框,上面的待替换的字符串,下面的则是替换后的结果;

4. 将上面的输入框中的 src="/images/csscreate.png" 修改为 src="(.*?)" ;

5. 将下面的输入框,填入src="$1" th:src="@{$1}" ;

6. 再点击输入框后面的 replace all 按钮,即替换成功!


分析:

1. src="(.*?) 中的 .*? ,表示替换任意字符;

2. src="$1" th:src="@{$1}" 中的 $1 , 表示取上面正则中第一个花括号匹配的内容;



  • 2020-04-21 15:13:15

    redis 简单使用

    Redis和Memcached类似,也属于k-v数据存储 Redis官网 https://redis.io支持更多value类型,除了和string外,还支持hash、lists(链表)、sets(集合)和sorted sets(有序集合) Redis是可以把数据存储在磁盘上的并且使用了两种文件格式:全量数据(RDB)和增量请求(aof)。一般叫做redis持久化 全量数据格式是把内存中的数据写入磁盘,便于下次读取文件进行加载。

  • 2020-04-21 15:14:20

    SpringBoot + Redis:基本配置及使用

    # Redis数据库索引(默认为0) spring.redis.database=0# Redis服务器地址 spring.redis.host=127.0.0.1# Redis服务器连接端口 spring.redis.port=6379# Redis服务器连接密码(默认为空) spring.redis.password=# 连接池最大连接数(使用负值表示没有限制) spring.redis.jedis.pool.max-active=20# 连接池最大阻塞等待时间(使用负值表示没有限制) spring.redis.jedis.pool.max-wait=-1# 连接池中的最大空闲连接 spring.redis.jedis.pool.max-idle=10# 连接池中的最小空闲连接 spring.redis.jedis.pool.min-idle=0# 连接超时时间(毫秒) spring.redis.timeout=1000

  • 2020-04-22 10:49:10

    css按钮特效大全

    打开这个连接,你会发现很多按钮动画脚本,基本这些动画就够大家用的了。

  • 2020-04-27 09:26:49

    transform与transition区别与详解

    对元素进行移动、缩放、转动、拉长或拉伸。 方法:translate(): 元素从其当前位置移动,根据给定的 left(x 坐标) 和 top(y 坐标) 位置参数 有两个div,它们的css样式如下,transition:过渡 元素从一种样式逐渐改变为另一种的效果 有一个div,它的css样式如下:

  • 2020-04-27 11:02:21

    CSS 气泡对话框

    点击上面地址,我们可以看到一个灵活的css气泡,拖动按钮,改变气泡效果。