javascript - 处理 SASS、JS 和 HTML + 浏览器同步/刷新

Question

我一直在寻找一种包括以下内容的方法：

• 处理 SASS 到 CSS

  • 后处理 CSS
  • 缩小 CSS
  • 将其复制到其他文件夹

• 将所有 Javascript 打包到一个文件中

  • 为旧版浏览器创建向后兼容
  • 摇树
  • 缩小 JS
  • 将其复制到其他文件夹

• HTML

  • 缩小它并将其复制到不同的文件夹

• 每次 SASS、JS、HTML 文件更改过程都会发生

• 浏览器将被刷新

到目前为止，我必须使用 RolloutJS 制作一个包，但问题是我想将 CSS 作为从 HTML 文件链接的外部文件包含在内。

任何提示或技巧？先感谢您。

Answer 1

您可以使用 gulpjs、gruntjs 等基于 nodejs 的工具来完成。这种方式需要一些学习。否则，您可以选择像 prepros 这样的 gui 应用程序，它不是免费软件（许可证非常便宜）。后一种的好处是，没有JS知识的同事也能轻松上手。