webpackでnode_modules配下のcssをimportするときのpathにチルダを入れる

npm installyarn installで追加したcss@importするとき、../../node_modules/normalize.css/normalize.cssのようにnode_modulesまでのディレクトリを辿っていくのは面倒。

stackoverflow.com

So using the prefix ~ at the start of the path tells the Webpack loader to resolve the import “like a module”.

~をパスの先頭につけると、node_modules配下のパスを解決してくれる。

@import "~normalize.css/normalize.css";

なので、このように~付きにすればnormalize.cssがimportできるようになる。