保险丝盒（VueJS + Font-Awesome + Bootstrap） - 不看 scss

Question

我正在尝试创建一个演示项目：

• 保险丝盒
• VueJS
• 字体真棒
• 引导程序（css/js/icons）
• jQuery

我在 GitHub 上 fork fuse-box-seed

我的问题：

当我运行 dev node fuse 时，我必须多次保存 .scss 文件才能在浏览器中显示新版本。

当我构建项目node fuse dist 时，./dist/ressources 文件夹是空的。我希望有我的字体（Font-Awesome，bootstrap）

我没有错误，只是缺少字体文件...

非常感谢您的帮助！

Answer 1

当您将 bootstrap 与 FuseBox 捆绑在一起时，请确保它是通过 javascript 捆绑的，而不是通过 sass 中的导入。

import "boostrap/dist/bootstrap.css"

问题是，当您使用 SASS 导入（或任何其他 CSS 预处理器）捆绑它时，实际的根文件夹会丢失，结构如果展平，并且 FuseBox 无法解析路径。