Question

我正在运行使用React和webpack的同构应用程序，这一切都很有效。我努力处理的一件事是在渲染组件之前预先加载css。

我一直在尝试使用

导入我的sass文件（所以webpack可以sass =＆gt; css）

require('sass/app);

但是，只有在加载客户端后才会应用此功能。

我似乎唯一能避免这种情况的方法就是使用一个好的旧样式表，这意味着我将失去所有webpack的css好东西。

Answer 1

使用Webpack ExtractTextPlugin从应用中的require＆＃39; d样式生成外部样式表！

var ExtractTextPlugin = require("extract-text-webpack-plugin");
module.exports = {
    module: {
        loaders: [
            { test: /\.scss$/, loader: ExtractTextPlugin.extract("style-loader", "css-loader", "sass-loader") }
        ]
    },
    plugins: [
        new ExtractTextPlugin("styles.css")
    ]
}

示例改编自源github页面

在渲染客户端之前应用css（Isomorphic）

1 个答案: