我是Laravel的新手,我已经阅读了有关Stackoverflow的其他一些问题,这些问题涉及向Laravel添加自定义样式。
我之所以要创建一个新的stackoverflow问题,是因为Laravel似乎只编译了一个app.css
,同时也加载了引导程序。我认为这是通过运行npm run dev
,app.scss
在resources
sass
文件夹中进行编译创建的。
在给定的文件引导中,@import '~bootstrap/scss/bootstrap';
我也想通过自己的自定义样式来遵循此原则,这样我就可以从@import '~mywebsite.css';
这样,我最终得到一个单个的.css文件,我认为它更加雄辩。
解决这个问题的合适方法是什么?此外,正在导入的“引导程序”样式位于何处?我不明白“〜”的位置。
最后但并非最不重要的一点是,是否可以对app.js
文件使用相同的方法?
非常感谢
您可以在/ 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进行编译。
问候!
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句