我了解我可以在Laravel项目中对资源/资产/sass/app.scss进行更改,并且更改将在运行npm run dev或npm run watch之后反映出来。
但是,当我有一打.css文件时该怎么办?我在哪里放置它们以及如何编译它们?
我浏览了文档和许多Laracasts视频,但没有找到答案。
再次,像less方法一样,您可以将多个Sass文件编译成它们各自的CSS文件,甚至可以定制生成的CSS的输出目录:
mix.sass('资源/sass/app.sass','公共/ css') .sass('resources / sass / admin.sass','public / css / admin');
这是否意味着如果我有一个admin.css文件,我会将其重命名为admin.scss并将其放置在sass目录中?然后在后台Laravel会编译它并将其放在public / css / admin中?因此,每个.css文件都需要变成一个.scss文件,我必须在webpack.mix.js中列出每个文件?
这可能真的很简单,但是我花了很多时间试图理解。
答案 0 :(得分:1)
您可以将CSS文件放置在所需的任何位置。但是最佳实践是在公共目录中创建一个css /文件夹,并将所有css文件放入该文件夹中。然后使用标签包含CSS文件。
如果您有多个文件,例如admin.css,user.css等,则可以简单地创建一个styles.css文件,并使用@import语句将所有其他css文件包含在一个文件中。然后,仅将styles.css文件链接到您喜欢的任何刀片文件就足够了。
希望对您有所帮助。
如有任何疑问,请发表评论。