11

CSS を含むすべてのアセットをホットロードするために webpack-dev-server を使用しています。ただし、現在のところ、私の CSS は JavaScript の後にロードされるため、既存のレイアウトに依存するいくつかの場所でアプリケーションの問題が発生します。

JavaScript が実行される前に CSS が確実にロードされるようにするにはどうすればよいですか?

からこれを行う方法があるに違いないと考えていますmodule。おそらく、フックできるコールバックですか？それとも、スタイルローダーを優先するように設定することでしょうか?

これは私のindex.jsです：

import './styles/main.scss';
import './scripts/main.js';

if (module.hot) {
  module.hot.accept();
}

これは私のスタイルローダーです:

{
        test: /\.(scss)$/,
        loader: 'style!css?&sourceMap!postcss!resolve-url!sass?sourceMap'
},

同様の質問が、このスタイルローダー Github の問題で尋ねられています: https://github.com/webpack/style-loader/issues/121

4

2 に答える 2