WebpackのoneOfって何？

2017年12月22日2018年3月13日

webpack

creat-react-appのwebpack設定を変えたい場合
oneOfっていうのが気になって調べた。
webpackのoneOfとは
ルールが一致したときに最初に一致するルールのみが使用されるルールの配列。

ここのresourceQueryが/inlineで指定されているとそっちのloaderを適応して、
/externalで指定されていると別のloaderで解決する
cssがどちらかのconditionでルールを適応する

上のリンク先は
svgをインラインにしたい場合とurlとして読み込みたい場合があるけど
全て同じsvgとして適応したらどちらか一方が利かなくなる。
そんな場合どうしたらいいの
っていう悩み。
その際にoneOf

じゃあ
inlineってどうやって指定しているの？というと
読み込む際に
import Foo from './foo.css?inline'
このようにしているとinlineと解釈される

関連記事