なんだか混乱してきてハマりました。。。
keyとなるのは3つ。。
3つ、、それらはすべてLoaderです。
- style-loader
- css-loader
- file-loadr
ざっくりとした解説
- style-loader
最終的にタグに落とし込むためのもの。
これは最終的に必須になります。 css-loader
JSからCSSファイルを読み込んでJSとしてCSSを認識できる。
JSのなかでCSSを拡張することもできます。file-loadr
あくまでファイルを読み込むもの。
CSSファイルを読み込むこともできますが、CSSの扱いについては知りません。
すこし詳しく解説
style-loader
オプションでURL形式にすることもできます。
https://webpack.js.org/loaders/style-loader/css-loader
importとかurlとかができます。
https://webpack.js.org/loaders/css-loader/file-loadr
これを使う場合はcss-loaderを捨てないといけんみたい。。
追記SASS,SCSSについて
違うのはsass-loaderを使用することだけです。
あとは
どっかの.jsに
import style from ../css/main.scss/
とするだけいけます！
最近のコメント