Я пытаюсь получить материальный дизайн http://fezvrasta.github.io/bootstrap-material-design/bootstrap-elements.html в Laravel с elixer и gulp.Laravel gulp & elixir design design
Я сделал:
npm install bootstrap-material-design
Это удалось мне увидеть карту в node_modules
. Затем я добавил это к моему app.scss
@import "/node_modules/bootstrap-material-design/scss/bootstrap-material-design";
И мой файл глоток выглядит следующим образом:
elixir(function(mix) {
mix.sass('app.scss');
mix.browserify('app.js');
});
Когда я пытаюсь глотка в моем терминале он говорит:
[17:16:31] Finished 'default' after 743 ms
[17:16:31] gulp-notify: [Laravel Elixir] Sass Compilation Failed: resources/assets/sass/app.scss
Error: File to import not found or unreadable: /node_modules/bootstrap-material-design/scss/bootstrap-material-design
Parent style sheet: stdin
on line 2 of stdin
>> @import "/node_modules/bootstrap-material-design/scss/bootstrap-material-desig
^
{ [Error: resources/assets/sass/app.scss
Error: File to import not found or unreadable: /node_modules/bootstrap-material-design/scss/bootstrap-material-design
Parent style sheet: stdin
on line 2 of stdin
>> @import "/node_modules/bootstrap-material-design/scss/bootstrap-material-desig
^
]
Что я делаю неправильно?
Пути, начинающиеся с '/', являются абсолютными путями относительно корня. В вашем случае это будет корневая папка вашего компьютера, которая (предположительно) не имеет каталога node_modules. Удаление ведущей косой черты на пути делает ее относительной. Затем вам нужно будет установить правильный относительный путь в зависимости от структуры вашего каталога. Например, если вы сообщите нам, где вы разместили app.scss и папку node_modules, тогда кто-то может помочь с относительным путем. –
@benswinburne. Я использую Laravel, который помещает его в recources/sass/app.scss – Jamie
Если я правильно помню gulp работает в в том же каталоге, где ваш файл gulpfile.js, так что вы должны просто удалить переднюю косую черту (/) с начала пути, и она будет работать '@import 'node_modules/bootstrap-material-design/scss/bootstrap -материал-дизайн ";' –