原生JS应用有必要webpack打包吗?

my1.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
</head>
<body>
    <div>
        巴拉巴拉1
    </div>
    <script src="js/my1.js"></script>
</body>
</html>

my2.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
</head>
<body>
    <div>
        巴拉巴拉2
    </div>
    <script src="js/my2.js"></script>
</body>
</html>

这需要webpack打包么?我觉得不是很有必要啊...

没有吧。我觉得我每次写都没有。

没必要没必要没必要

个人觉得要用webpack打包的情况有以下几种:

需要语法转换的
需要压缩合并加hash的
需要模块化导入资源的
当然其他工具也能做这些，但webpack就是好用啊

像你这种几百行的代码就没必要了吧...

webpack 是一个 module bundler，其实要解决的核心问题是基于 CommonJS 规范定义的模块如何在页面上运行的问题(commonJS 的模块在页面上无法直接运行)。那么假设你的代码，根本没有模块化的内容，你只是一个很单纯的 js 实现，那你完全没有必要使用 webpack，甚至即使你是 AMD 规范定义的模块，你也不是必须使用 webpack，原有 requireJS 在浏览器端处理依赖的方式仍然可行。

【热门文章】