laravel - 如何使用 laravel-mix 配置 Material 组件 Web？

Question

我将 mdc 与 laravel-mix 一起使用，但它没有从节点模块加载 scss 文件。我尝试了一些其他关于在 mix.sass 中提供包含路径的解决方案，但它们不起作用。

我尝试了 webpack.mix.js 中的代码

const path = require('path');
let mix = require('laravel-mix');
mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css', {
    includePaths:  ['./node_modules']
});

但它仍然给我同样的错误

 undefined
        ^
       Can't find stylesheet to import. @import "@material/elevation/mixins";

Answer 1

对于 Laravel 6，我必须这样做:

npm install --savematerial-components-web

应用程序.scss:@import“ Material 组件-web/ Material 组件-web”;

webpack.mix.js:

mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css', {
    sassOptions: {
        includePaths:  ['./node_modules']
    }
});