Не найден или не читается Материал Sass Styles в Web App - PullRequest
Новая
       68

Не найден или не читается Материал Sass Styles в Web App

0 голосов
/ 03 сентября 2018

Я пытаюсь скомпилировать sass Material Design в мою основную таблицу стилей согласно странице дизайна материала npm . 

// app.scss

@import "../../node_modules/material-components-web/material-components-web";

Для этого я использую задание: 

module.exports = function(grunt) {

    grunt.initConfig({
        sass: {
            dist: {
                options: {
                    style: 'expanded',
                    update: false
                },
                files: [{
                    expand: true,
                    cwd: 'src/scss',
                    src: ['*.scss'],
                    dest: 'dist/css/',
                    ext: '.css'
                }]
            }
        }
    });

    grunt.loadNpmTasks('grunt-contrib-sass');

    grunt.registerTask('default', ['sass']);

}

Когда я запускаю задачу, я получаю следующую ошибку:

Запуск задачи "sass: dist" (sass) Ошибка: файл для импорта не найден или не читается: @ material / button / mdc-button. в строке 23 узла_модули / материал-компоненты-веб / материал-компоненты-web.scss из строки 9 src / scss / app.scss

Использование флага --force нарушает мою сборку и не устраняет проблему.

Есть идеи, в чем проблема? Это просто проблема с этим одним каталогом (@ material / button / mdc-button) или вы думаете, что это распространяется на все его подкаталоги / модули?

У меня такое ощущение, что это как-то связано со свойством grunt-contrib-sass loadPath, но я не уверен, как реализовать его с помощью моих обычных скриптов для файла src.

Что-то, что я должен включить в мои настройки или свойство options?

Спасибо за вашу помощь!

...