Symbols not properly replaced when CSS file contains imports

[ttpcodes]

I'm currently attempting to use extract-svg-sprite-webpack-plugin to define classes in my CSS that reference SVGs from Font Awesome and have the SVGs extracted to a separate file. However, while it seems the SVGs generate successfully, it seems like the CSS is not generated properly if the source CSS file contains @import statements in it.

This problem occurs if using MiniCSSExtractPlugin like I am in order to extract the CSS bundle to a separate file. If you replace MiniCssExtractPlugin.loader in webpack.config.js with 'style-loader', then the CSS appears properly in the page.