使用webpack和/或汇总将自动缩小的CSS文件作为字符串加载的最简单/最佳方法是什么?

问题描述

什么是最好的方式/最好的加载程序/最好的工具/无论用Webpack和/或汇总方式将CSS文件作为字符串导入,例如

import dropDownStyles from './dropDown.css'

import dropDownStyles from './dropDown.css?type=string' // or someting similar

在我的用例中,确定类名称的范围等并不重要,但是应该通过webpack / rollup自动缩小CSS文件。 不能使用CSS模块。
非常感谢您的帮助。

解决方法

请尝试:

npm install raw-loader --save-dev

和用法:

import dropDownStyles from 'raw-loader!./dropDown.css' 

使用内联加载器会覆盖Webpack配置中的加载器规则。