什么是构建工具？前端最常用的构建工具是啥？

前端构建，这里要推荐下 coolie 了，示意如下：

<!doctype html>
<link rel="stylesheet" href="path/to/style.css">

<style>
body {
    background: url('path/to/abc.png');
}
</style>

<img src="path/to/abc.png">

<div style="backrgound: url('path/to/abc.png')"></div>

<!--coolie-->
<script src="path/to/a.js"></script>
<script src="path/to/b.js"></script>
<!--/coolie-->

<script coolie src="path/to/coolie.js"
data-config="coolie-config.js"
data-main="main.js"></script>

// main.js

alert('Hello' + require('world'));

coolie 构建之后：

<!doctype html>
<link rel="stylesheet" href="/static/css/xxxxxxx.css">

<style>
body {
    background: url('/static/res/xxxxxxxx.png');
}
</style>

<img src="/static/res/xxxxxxxx.png">

<div style="backrgound: url('/static/res/xxxxxxxx.png')"></div>

<script src="/static/js/xxxxxxxx.js"></script>

<script coolie src="/static/js/yyyyyyyyy.js"
data-config="/static/js/zzzzzzzzz.js"
data-main="aaaaaaaaa.js"></script>

// aaaaaaaaa.js
define("0",["1"],function(r,e,m){alert("Hello"+r("1"));});
define("1",[],function(r,e,m){m.exports="world"});

什么是构建工具？前端最常用的构建工具是啥？

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

为什么在谷歌浏览器中 'a' == ['a'] 返回 true？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

为什么会出现CORS error？

请问一下，如何理解reduce函数呢？