removed by extract-text-webpack-pluginとは？

Question

前提・実現したいこと

ExtractTextPluginを利用して、style.scss(中身は各種scssをロードしてるだけです)をwebpack3でビルドすると、app.cssとapp.jsが出てきて、app.jsには、

removed by extract-text-webpack-plugin

と書かれています。
なぜこんなメッセージがあり、これがなんなのか知りたいです。

よろしくお願いします！

Answer 1

その前に「extract-text-webpack-plugin」が何のためのプラグインなのかはご存知なのでしょうか？

それが分かっているならば、単に、app.js(bundleファイルですよね？)に元々インラインで挿入されていたcssが、このプラグインによって取り除かれた（取り除かれてapp.cssに移された）と、そのままの解釈でOKかと思います。

Comments

[okinakahiro]

回答ありがとうございます！
jsからcssの部分を抜き取ってくれるプラグインかと思います！
webpackは全てを1度jsとして読み込むので、この対応が必要だとおもいます。
ですので、一度app.jsの removed by extract-text-webpack-plugin に本来あったcssが、プラグインによって抽出され、コピーされ、削除されたと。

現在webpack3を利用しています。
私のwebpack configのentryポイントにはjsとscssが混在しています。
```
output: {
path: config.common.assetsRoot,
publicPath: config.dev.assetsPublicPath,
filename: utils.assetsPath('js/[name].js'),
},
```
しかし、outputにはこのように書くしか方法はないと思っています。
しかし、これだといくつかのcssのゴミファイルがoutput先に混じってしまいます。
例：
entry: style.scss
output: style.js
ExtractTextPluginも使っているので、style.cssもあります。
この場合、stuyle.jsは完全なるゴミファイルだと思うのですが、このゴミを残さない方法はないでしょうか？

[HayatoKamono]

そういう理解で良いと思います！

[HayatoKamono]

別質問は新規に別質問を投稿した方が良いかと思います！コメント欄だとコードも読みにくいですし。

[okinakahiro]

アドバイスありがとうございます！
そうします！！！