Laravel mix-在目标：节点中使用样式加载器定义了'未定义窗口'

Question

我有2种不同的laravel-mix版本。目标节点和网站。这是它们的外观：

if (process.env.npm_config_section === 'server') {
    mix.js('resources/js/app-server.js', 'public/js')
        .webpackConfig({
            target: 'node',
            plugins: [
                new webpack.optimize.LimitChunkCountPlugin({
                    maxChunks: 1,
                })
            ],
        })
        .mergeManifest()
        .version();
} else if (process.env.npm_config_section === 'client') {
    mix.js('resources/js/app-client.js', 'public/js')
        .webpackConfig({
            target: 'web',
            output: {
                chunkFilename: 'js/chunks/[name].js?id=[chunkhash]',
                publicPath: '/',
            },
        })
        .mergeManifest()
        .version();
}

mix.sass('resources/sass/app.scss', 'public/css')

• 对于'web'-分隔各个块
• 对于“节点”-仅提供1个文件

但是，'node'却出现了一个错误，这很公平-节点目标中没有窗口：

返回窗口&& document && document.all &&！window.atob

ReferenceError：未定义窗口

查看已编译的文件，这是崩溃的地方，这使我认为它与样式加载器有关。

var isOldIE = memoize(function () {
    // Test for IE <= 9 as proposed by Browserhacks
    // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
    // Tests for existence of standard globals is to allow style-loader
    // to operate correctly into non-standard environments
    // @see https://github.com/webpack-contrib/style-loader/issues/177
    return window && document && document.all && !window.atob;
});

我该怎么做，以使'node'不使用样式加载器？如何在laravel-mix中更改此设置？

• [This SO answer说使用MiniCssExtractPlugin

• This SO answer说使用isomorphic-style-loader或node-style-loader

...但是要根据目标更改Laravel-mix中的样式加载器？

Answer 1

未在节点目标中包含mix.sass('resources/sass/app.scss', 'public/css')：O