通过webpack配置从css模块和常规sass文件生成css捆绑

时间:2019-01-09 18:30:19

标签: reactjs webpack webpack-4 css-modules

我在使用Webpack 4生成main.bundle.css时遇到麻烦,并且无法使用css模块的scss文件和scss.modules组合来拆分块。

使用拆分块时,我可以生成main.bundle.css,但是当我尝试导入UMD React组件时,出现以下错误。

  

React.createElement:类型无效-预期为字符串或类/函数,但得到:未定义

根据我在生成的webpack js输出中检查的内容,似乎有一个依赖项ID尚未解决,因此无法正确加载组件。

不使用splitChunks时,我可以正确导入组件,但这会为每个组件创建一个css文件,这是我不希望的。

所需的输出: 所有的scss + scss.modules文件都被写入1个文件:main.bundle.css最坏的情况是一个用于scss文件,一个用于scss.modules。

0 个答案:

没有答案