批量替换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 , 表示取上面正则中第一个花括号匹配的内容;



  • 2019-12-23 14:54:03

    RPC, REST ,GraphQL区别比较优劣

    其实在使用和学习的过程中,有很多文章都对比过它们的异同,但是大部分文章并没有从一个相对客观的角度来对比,更多是为了突显一个的优点而刻意指出另外一个的缺点。这让我想到一句话,脱离业务情景谈技术就是耍流氓。

  • 2019-12-23 23:38:59

    vue-apollo的多客户端的用法

    vue-apollo的多客户端的用法以及apollo.js的配置 关于如何安装和如何使用,这篇文章就先暂时不介绍了,如果不清楚就看我另一篇关于vue-apollo的用法 在做项目中,有时候后端的接口是按模块功能去划分的,那么请求的地址就会不同,关于vue-apollo的多客户端配置如下

  • 2019-12-27 08:40:55

    align-self和align-items的区别

    align-items在伸缩容器上使用它,伸缩容器内部所有的元素都一致地受制于align-items的值。 但是有些时候,我们希望伸缩容器内部某个元素在侧轴上的排列方式有所差异。此时就不能使用 align-items,因为align-items作用于整体。我们希望作用于部分。这就是align-self的发挥场地。

  • 2019-12-29 15:01:37

    修改laravel分页的样式

    首先获取到数据,paginate方法 能够自动判定当前页面正确的数量限制和偏移数。默认情况下,当前页数由HTTP 请求所带的 ?page 参数来决定。当然,该值由 Laravel 自动检测,并自动插入由分页器生成的链接。

  • 2019-12-29 15:05:57

    php 数组分页 array_slice()函数用法

    今天用到一个函数,非常好用,分享给大家 array_slice() -从数组中取出一段 也就是说用这个函数可以和sql语句一样实现分页,原理是将查询出的数组,取出从指定下标开始到指定长度的数组