Rollup
Rollup
是一个 JavaScript
模块打包器,可以将小块代码编译成大块复杂的代码。Rollup
对代码模块使用新的标准化格式,这些标准都包含在 JavaScript
的 ES6
版本中,而不是以前的 CommonJS
和 AMD
。
如何通过 Rollup 来打包 JavaScript
- 组合我们的脚本
- 移除未使用的代码
- 转译代码使其支持老版本浏览器
- 在浏览器中支持使用 Node modules
- 使用环境变量
- 压缩文件代码使文件大小尽可能最小化
学习地址:教程:如何通过 Rollup 来打包 JavaScript
通过 Rollup
打包后的代码很干净,很适合用于打包插件、库等。
关于环境变量设置,*NIX
系统下规则如下:
export NODE_ENV=production && node xxx.js
这样在当前命令行下后续的命令中读取 NODE_ENV
,都会得到 production
值;如果直接使用 NODE_ENV=production node xxx.js
,则 NODE_ENV
的有效性仅限当前命令,不会对后续命令有影响。
如何使用Rollup来处理和打包样式表
教程中使用的是 PostCSS
,所有都是有关它的配置。
创建一个 <style>
标签,并把这个样式表作为它的内容,插入到文件的 <head>
标签中
在开发中如何使用Rollup来监听和自动重载文件
监听文件的变化,自动刷新页面。
学习地址:Rollup.js 教程 第二弹:如何使用Rollip来打包样式表并实现自动重载页面预览
就目前使用上来说,还可以,但还有很多改进的地方。