webpack StylusやSassでurl()を含んだCSSファイルなどをimportしたときエラーが出る。resolve-url-loaderで解決。 | e-joint.jpStylusやSassでは、url() を使う際に、ベースとなるファイルからの相対パスを指定する必要があるけど、他のライブラリのStylus, Sass, CSSを読み込むとき、パスが通らずエラーが起こる。そんなときにresolve-url-loader 。 インストール。 resolve-url-loaderの使い方と注意点 webpack.config.jsでローダーを読み込む。ローダーの読み込みの順番は以下のサンプルのとーり。 注意点は、resolve-url-loader より前のローダーで soucemapが必須であること。以下のサンプルでは stylus-loader で sourceMap: true とする必要があります。でないと謎のエラーが起こってめっちゃハマる。というかめっちゃハマった。 test: /\.(styl|css)$/, use: [ { loader: M
