学习笔记:
1.日常开发项目中,我们一般都会把每个功能都模块化单独放一个文件,还有CSS文件和JS文件的分离都可以说是模块化,而且模块化对开发阶段来说是具有优势且有必要的,但是这样就导致我们的项目中有很多文件,在生产环境中如果项目是这么多的文件,就会需要的网络请求,从而影响我们应用的工作效率。
2.ES Modules存在环境兼容问题,我们在开发阶段可能会使用到ES6规范,但不是所有浏览器都兼容ES6规范,而且我们也不能控制用户使用能兼容ES6的浏览器。
针对上面两个问题的存在,模块化打包工具应运而生。
在开发阶段我们将所有js文件、css文件、HTML文件进行模块化的划分是非常有必要的,但是在生产阶段是没有必要的,模块化打包工具可以在我们的项目上线之前将这些文件打包到一个文件里面。
css文件可以以标签的形式插入到HTML文件,但是如果css代码比较多的话,一般超过150KB,建议打包到一个css文件里面,然后通过link标签的形式引入。
js文件跟css文件一个道理。
如果有不对的地方,希望各位大神可以帮忙指出,谢谢!