0

React と webpack を使用して同形アプリを実行していますが、すべてうまく機能します。ただし、コンポーネントをレンダリングする前にcssをプリロードするのに苦労しています。

私は自分のsassファイルをインポートしようとしていました（webpackがsass => cssできるように）

require('sass/app);

ただし、これはクライアントがロードされた後にのみ適用されます。

これを回避できるように見える唯一の方法は、 にリンクされている古き良きスタイルシートを使用することです。

4

1 に答える 1

1

Webpack ExtractTextPluginを使用して、アプリ内のスタイルから外部スタイルシートを生成してrequireください!

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 に答える