服务器端渲染跳过 sass 编译

Question

我们将节点与反应 css-模块一起使用，因此组件将如下所示：

import react from 'react';
import styles from './style.sass';

export function test() {
    return <div classnames={styles}></div>;
}

我们在 webpack 上有用于服务器端渲染的加载程序，所以我们有两个 webpack 文件，一个用于 client 另一个 server，我想知道我们是否可以跳过服务器端 sass 编译为下面的加载程序？因此可以减少构建时间。

{
    test: /\.sass$/,
    loaders: [
        'style?sourceMap',
        'css?sourceMap&modules&importLoaders=3&localIdentName=[folder]--[local]--[hash:base64:2]',
        'resolve-url',
        'postcss',
        'sass?sourceMap',
    ],
}

Answer 1

您可以使用 null-loader，它只是 returns 一个空模块而不是导入的模块。这意味着将包含 .sass 个文件中的 none 个。

{
    test: /\.sass$/,
    loader: 'null-loader'
}

服务器端渲染跳过 sass 编译

server side render skip sass compiling

node-sass

webpack