3

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

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

在那个给定的文件中，引导程序被加载，@import '~bootstrap/scss/bootstrap';我也想用我自己的自定义样式遵循这个原则，这样我就得到了一些类似的东西@import '~mywebsite.css';

这样我最终会得到一个我认为更有说服力的 .css 文件。

解决这个问题的适当方法是什么？此外，正在导入的这种“引导”样式位于何处？我不明白'〜'的位置。

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

非常感谢，

  • 查克
4

1 回答 1

6

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

@import 'test';

并使用 npm run dev 或 npm run watch 编译

如果您需要在您的公共文件夹中创建一个新文件，您可以创建一个新的 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 run dev 编译。

问候！

于 2019-02-14T14:37:08.443 回答