我有一些CSS规则,其中之一是:
{
test: /\.css$/,
use: [{ loader: 'style-loader/url' }, { loader: 'file-loader' }],
include: [require.resolve('normalize.css')],
},
此规则非常具体,仅匹配一次导入,即在我的index.js
内部有导入:
import 'normalize.css';
使用WebPack 4构建时,我在输出index.html
中看到多个:
<link href="/2.03ec883f8c956db4d531.css" rel="stylesheet">
<link href="/0.6e0b40d9554f38994c59.css" rel="stylesheet">
用于其他CSS规则,但未引用normalize.css
捆绑包。该文件位于dist
文件夹中,文件名为fda27b856c2e3cada6e0f6bfeccc2067.css
(最小化,并且此文件仅包含normalize.css),但是fda27b856c2e3cada6e0f6bfeccc2067.css
内的任何地方都未引用此index.html
}。
我该如何解决?