如何解决如何在laravel混合中将SASS / SCSS文件和CSS文件合并为单个CSS文件?
我试图在Laravel组合中将几个SASS文件和CSS文件合并为一个CSS文件,但是我找不到方法。
mix.js('resources/js/app.js','public/js')
.sass('resources/scss/app.scss','public/css')
.styles('resources/css/app.css','public/css');
解决方法
-
您可以将CSS文件导入sass文件中,然后在可行时仅编译主sass文件。发现了这一点可能对您有帮助:https://stackoverflow.com/questions/7111610/import-regular-css-file-in-scss-file#:~:text=It%20is%20now%20possible%20to,will%20import%20your%20file%20directly。
-
您可以组合CSS文件。这是我使用的示例。也许您可以将sass编译为CSS,然后再使用此方法进行组合?
请检查样品
//combine CSS
mix.styles([
'resources/css/open-iconic-bootstrap.min.css','resources/css/animate.css','resources/css/bootstrap-datepicker.css',],'public/css/essentials.css');
为完整起见,可以使用以下相同方法处理js文件,
// combine required js files
mix.combine([
'resources/js/vendors/jquery-migrate.min.js','resources/js/vendors/jquery.easing.1.3.js','resources/js/vendors/bootstrap-datepicker.js','resources/js/vendors/scrollax.min.js'
],'public/js/essentials.js');
在webpack.mix.js上使用这种方法
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。