Gulp替换从js文件夹调用的所有文件

时间:2018-11-27 10:48:55

标签: replace gulp gulp-replace

我正在尝试创建一个构建任务,我想用所有HTML文件中调用的一个串联的Js文件替换所有Js文件。

我的源文件结构:-

src/
├── pages/
   ├── page_1.html
   ├── page_2.html
├── index.html
├── Js/
   ├── script_1.js
   ├── script_2.js
   ├── script_3.js 

这将更改为下面的结构,所有Js文件将替换为一个串联文件。

dist/
├── pages/
   ├── page_1.html
   ├── page_2.html
├── index.html
├── Js/
   ├── main.js

例如src目录中的HTML代码:-

<!DOCTYPE html>
<html>
<body> 

<script src="Js/script_1.js"></script>
<script src="Js/script_2.js"></script>
<script src="Js/script_3.js"></script>
</body>
</html>

在dist文件夹中的所有HTML文件中,从“ Js”目录调用的文件应更改为以下形式:-

<!DOCTYPE html>
<html>
<body> 

<script src="Js/main.js"></script>
</body>
</html>

0 个答案:

没有答案