Laravel 5.4 Mix：如何在我的项目中使用 Bootstrap-sass（在节点模块下）文件夹？

【问题标题】：Laravel 5.4 Mix: How to use Bootstrap-sass (under the nodes_module) folder in my project?Laravel 5.4 Mix：如何在我的项目中使用 Bootstrap-sass（在节点模块下）文件夹？
【发布时间】：2017-08-08 09:41:00
【问题描述】：

这里是 Laravel 新手用户。

我在 app.scss 文件中有以下几行（由 Laravel 自动创建）：

@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);
@import "variables";
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

问题：如何在我的项目中使用 Bootstrap？我没有看到它被编译或复制到我的 public/css 文件夹中。一般来说，我如何使用 Mix 将 nodes_module 中的任何包拉入我的 Laravel 项目。提前致谢！

【问题讨论】：

标签： laravel twitter-bootstrap laravel-mix

【解决方案1】：

使用 Laravel Mix，Bootstrap 会自动导入您的 resources/assets/js/app.js 和 resources/assets/js/bootstrap.js。

最后一次导入时，它会将所有引导程序带入您的 CSS，因此当您运行 npm run watch 时，它会复制所有内容，您就可以使用它了。

【讨论】：

我的错，我没有注意到 Bootstrap 与我的 app.css 合并。愚蠢的我！我实际上是在寻找一个单独的引导文件。所以这就是“混合”的用武之地。大声笑！无论如何，是否可以将 Mix 配置为单独输出文件，包括我将来可能使用的其他包？我只是认为这样更易于管理。感谢您花时间回答。
@gibi 是的，您只需将.extract(['bootstrap', 'other']') 添加到您的webpack.mix.js，请参见此处：laravel.com/docs/5.4/mix#vendor-extraction