在 laravel 8 中编译 sass

Question

我想在 laravel 中编译 sass，但出现此错误：

Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.
 - options has an unknown property '0'. These properties are valid:
   object { implementation?, sassOptions?, additionalData?, sourceMap?, webpackImporter?, warnRuleAsWarning? }
    at validate (/home/swan/skip/node_modules/webpack/node_modules/schema-utils/dist/validate.js:105:11)
    at Object.getOptions (/home/swan/skip/node_modules/webpack/lib/NormalModule.js:578:19)
    at Object.loader (/home/swan/skip/node_modules/sass-loader/dist/index.js:25:24)
    at processResult (/home/swan/skip/node_modules/webpack/lib/NormalModule.js:751:19)
    at /home/swan/skip/node_modules/webpack/lib/NormalModule.js:853:5
    at /home/swan/skip/node_modules/loader-runner/lib/LoaderRunner.js:399:11
    at /home/swan/skip/node_modules/loader-runner/lib/LoaderRunner.js:251:18

1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
webpack compiled with 2 errors

这是我在 webpack.mix.js

中的代码

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/scss/app.scss', 'public/css', [
        require('tailwindcss'),
    ]);

Answer 1

sass 方法的定义是：

sass(src, output, pluginOptions = {}, postCssPlugins = [])

因此，这是用于 postcss 插件的第 4 个参数。只需传递一个空对象作为第三个参数：

.sass('resources/scss/app.scss', 'public/css', {}, [
    require('tailwindcss'),
]);

在 laravel 8 中编译 sass

Compil sass in laravel 8

sass

laravel

webpack