服务器端渲染跳过 sass 编译答案

【问题标题】：server side render skip sass compiling服务器端渲染跳过 sass 编译
【发布时间】：2017-03-20 06:21:02
【问题描述】：

我们使用 node 和 react css-module，所以组件如下所示：

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',
    ],
}

【问题讨论】：

标签： webpack node-sass

【解决方案1】：

您可以使用null-loader，它只返回一个空模块而不是导入的模块。这意味着不会包含您的任何 .sass 文件。

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

【讨论】：

谢谢哥们，我试试看：)