批量替换require成import

由于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 ， 表示取上面正则中第一个花括号匹配的内容；