打包工具
我们在开发的过程中,不可避免的出现一些需要多项目同步的问题。像公司向的内部组件库,公司向的通用CSS样式,以便于多项目样式统一。以及我们在开发过程中,常用的一些函数,避免采用复制粘贴的方式调用,否则可能会出现一个函数出现问题,多个项目多需要更新,且容易遗漏的问题。
且我们自身的业务项目,如Vue、React单页面应用,也需要打包工具,但由于各个框架帮我们封装了打包,我们便对这方面的问题关心的更少了。
所以我们就需要一个专用的打包工具,以便于我们更好的打包。而这篇文章的目的是帮助大家认识各个打包工具,且总结他们的优缺点。
常见的前端打包工具有哪些?
webpack
parcel
rollup
gulp
代码构建后的输出格式有哪些?
amd-AMD
cjs-CommonJS
es-ES6modules
umd-UMD
system-SystemJSloader
不同格式:
node环境:cjs
浏览器环境:iife
两者兼具:umd
逐个分析
webpack