介绍
Broth 是一个用于构建 Web 应用程序的npm包。它提供了一些有用的工具，例如：自动编译、CSS 前缀、静态服务器等。
安装
你可以使用 npm 进行安装：
npm install broth
使用
自动编译
Broth 提供了一个命令行工具 broth watch，它可以监视文件，并在文件保存时编译 SASS 或 LESS 文件。
broth watch src/styles/main.scss dist/styles/main.css
CSS 前缀
Broth 可以自动添加 CSS 前缀，这样你就不必为了让 CSS 在不同浏览器中表现一致而手动添加前缀了。
button {
display: flex;
}编译后：
button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}静态服务器
Broth 还提供了一个静态服务器，方便你在开发过程中进行本地预览。
broth serve --port=8080 dist/
示例代码
HTML
-- -------------------- ---- ------- --------- ----- ----- ---------- ------ ----- ---------------- ------------ ------------ ----- ---------------- ----------------------- ------- ------ ---------- ----------- ------------- ----------- ------- ------------------------------- ------- -------
SASS
$primary-color: #007bff;
h1 {
color: $primary-color;
}JavaScript
console.log('Hello, World!');结论
Broth 是一个非常实用的 npm 包，它可以帮助我们更轻松地开发 Web 应用程序。通过本文的介绍，你已经了解了 Broth 的使用方法，并且可以开始在你的项目中使用它了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/43582