I followed one answer provided in AngularJS with Laravel 5 using NPM but I cannot successfully compile the SCSS files of lumx using Gulp.
Anyone knows how to fix this?
My app.scss contains this:
@import "../../../bower_components/mdi/scss/materialdesignicons";
@import "../../../bower_components/lumx/dist/scss/lumx";
After running gulp, I'm getting this error:
gulp-notify: [Laravel Elixir] Sass Compilation Failed: bower_components\lumx\dist\scss\_lumx.scss
Error: File to import not found or unreadable: bourbon
Parent style sheet: D:/laragon1.0.6/www/task-manager/bower_components/lumx/dist/scss/_lumx.scss
on line 5 of bower_components/lumx/dist/scss/_lumx.scss
>> @import "bourbon";
_lumx.scss file contains
@import "bourbon";
@import "materialdesignicons";
@import "settings/colors";
@import "settings/defaults";
@import "settings/responsive";
My bower_components folder is in the root folder of my Laravel application. All javascript files works with the Elixir tasks but only the scss files are having the problem.
I can able to integrate lumx with laravel.
into project folder
Now run the gulp command and open the project in the browser and you can see this
you can packet all js and ccs in one file
and run the command gulp again
For angular-material, material design lite, Material Design for Bootstrap and other framework, this it's valid
Source code is in Github