Laravel 5.1 和 Bootstrap 3 Sass 设置

Question

我想在 Laravel 5.1 中使用 Bootstrap 3 Sass，但我有一些问题：

• 在 5.1 中，在 Laravel 的 package.json 文件中，开箱即用 “bootstrap-sass”的依赖项：“^3.0.0”。有没有简单的方法 然后用 Laravel 5.1 设置 bootstrap sass？
• 我需要拉入引导程序源还是应该只链接到 CDN 还是将文件放在我的公共文件夹中？
• 有什么理由使用Bootstrap的源代码，而不是 把它放在公用文件夹中？
• 我是否正确假设我需要安装引导程序 通过 Bower，将字体文件夹内容移动到公用文件夹， 然后设置 Elixir 将所有 Sass 文件混合在一起？

我只是对将 Bootstrap 等第三方前端服务集成到 Laravel 中感到有些困惑。我是 Laravel 和 Bootstrap 的新手，所以任何信息或建议都将不胜感激。

注意：我在网上做了很多研究，但是 Laravel 和 Bootstrap 的教程都过时了，而且 cmets 显示它们不能正常工作。

感谢您的宝贵时间。

Answer 1

首先安装节点包只需在文件夹中运行npm install。

之后，如果您导航到resources/assets/sass/app.scss，您将看到注释的第一行从通过package.json 安装的节点模块导入整个引导程序

取消注释后，默认情况下您可以在gulpfile.js 中看到您已经拥有用于编译应用 sass 文件的 elixir 命令。

完成所有设置后，只需运行 gulp，elixir 将编译导入 bootstrap 的 sass 文件，您将在 public/css/app.css 中看到输出，您可以将其链接到您的应用程序中。

最后要复制字体或任何其他资产，您可以使用copy 命令，您会将字体复制到公用文件夹。

elixir(function(mix) {
    mix.copy('node_modules/bootstrap-sass/assets/fonts/', 'public/fonts');
    mix.sass('app.scss'); 
}