Laravel mix.sass“prependData”不向 scss 文件提供数据

Question

我有一个混合文件，我正在向它传递这样的数据：

mix.sass('resources/sass/styles.scss', 'public/assets/css')
    .options({
        processCssUrls: false,
        prependData: '$test: testing prepend;',
        postCss: [tailwindcss('./tailwind.config.js')],
    });

而我正在这样做：

body {
    content: $test;
}

测试我是否得到 $test 变量。 但是，当我运行该应用程序时，我得到：

我做错了什么？

附注： php artisan --version 返回：8.48.1

Answer 1

使用prependData 不是在options 内，而是作为sass 方法的第三个参数，就像here 所说的那样

在幕后，Laravel Mix 当然遵循 webpack 的 sass-loader 来加载和编译你的 Sass 文件。有时，您可能需要覆盖我们传递给它的默认选项。在这些场景中使用第三个参数来 mix.sass()。

mix.sass('src/app.scss', 'dist', {
    sassOptions: {
        outputStyle: 'nested'
    }
});

所以在你的情况下它会是

mix.sass('resources/sass/styles.scss', 'public/assets/css', {
        additionalData: '$test: testing prepend;',
    })
    .options({
        processCssUrls: false,
        postCss: [tailwindcss('./tailwind.config.js')],
    });