最新消息:看到那些跳动的图片、文字了吗?点击点击 O(∩_∩)O~~

使用 Rollup 作为开发环境 三部曲

开发工具 onlyling 3694浏览

Rollup

Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码。Rollup 对代码模块使用新的标准化格式,这些标准都包含在 JavaScriptES6 版本中,而不是以前的 CommonJSAMD

如何通过 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来打包样式表并实现自动重载页面预览

就目前使用上来说,还可以,但还有很多改进的地方。

转载请注明:OnlyLing - Web 前端开发者 » 使用 Rollup 作为开发环境 三部曲