Laravel

Question

我是 Laravel 的新手，我在 Whosebug 上阅读了一些关于向 Laravel 添加自定义样式的其他问题。

我创建一个新的 Whosebug 问题的原因是因为 Laravel 似乎编译了一个 app.css，它也加载了 bootstrap。我认为这是由运行 npm run dev 创建的，它编译了 resources sass 文件夹中的 app.scss。

在给定的文件 bootstrap 中，@import '~bootstrap/scss/bootstrap'; 加载了我自己的自定义样式，我也想遵循这个原则，这样我就可以得到类似于 @import '~mywebsite.css';

这样我最终会得到一个 .css 文件，我认为它比 eloquent.

解决这个问题的合适方法是什么？此外，正在导入的 'bootstrap' 样式位于何处？我不明白'~'在哪里。

最后但同样重要的是，是否可以对 app.js 文件使用相同的方法？

谨致问候，

Answer 1

您可以在 /resources/sass 中创建一个新的 sass 文件，例如 _test.sass 并像这样将导入放在 app.sass 中：

@import 'test';

并用 npm 运行 dev 或 npm 运行 watch

编译

如果您需要在 public 文件夹中创建一个新文件，您可以创建一个新的 sass 文件 (example.sass)，然后更改 webpack.mix.js 文件并放入你的新 css 行像这样：

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css')
   .sass('resources/sass/example.scss', 'public/css');

并使用 npm 运行 dev.

编译

问候！

Laravel - 将自定义样式添加到现有 app.scss