0

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

我一直在尝试使用导入我的 sass 文件（所以 webpack 可以 sass=>css）

require('sass/app);

但是，这仍然仅在加载客户端后才应用。

我似乎可以避免这种情况的唯一方法是使用链接中的旧样式表，这意味着我将失去所有 webpack 的 CSS 好东西。

4

1 回答 1

1

使用Webpack ExtractTextPluginrequire从应用中的 '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 页面

于 2015-09-17T14:33:48.527 回答