スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Webpack3, CSS Modulesでurl-loaderを使うとパスが解決できない

Webpack3で以下のようにCSS Modulesを有効にしたところ、.cssファイル内のurl(filepath)が解決できずに "Module not found: Error: Can't resolve" と怒られてしまった。

// config
rules: [{
    test: /\.css$/,
    use: [{
        loader: 'style-loader'
    }, {
        loader: 'css-loader',
        options: {
            importLoaders: 1,
            modules: true
        }
    }, {
        loader: 'postcss-loader'
    }]
}, {
    test: /\.png$/,
    use: [{
        loader: 'url-loader',
    }]
}]

小一時間あれこれ試して時間を溶かしたが原因はわからず、結局url()内で以下のようにローダーを直指定したらバンドルに成功したからそのまま使うことにした。おしまい。

selector {
    prop: url('url-loader!./pic.png');
}
関連記事

コメントの投稿

非公開コメント

すポンサードリンク
最新記事
カテゴリ
DN (57)
CSS (2)
いろいろ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。