首页 > 解决方案 > webpack 在异步导入时生成相同的样式

问题描述

我异步导入两个模块,每个模块都导入相同的css,如下所示

entry.js

const m = {
  a: import('./a'),
  b: import('./b'),
}

一个.js

import './test.css'

b.js

import './test.css'
import './other.js'

测试.css

.a { color: #fff }

运行 webpack ['mini-css-extract-plugin', 'css-loader']dist包含两个 css 文件,内容相同。

如何只生成一个css文件?

标签: javascriptwebpackcss-loader

解决方案


推荐阅读