虽然 webpack 似乎支持各种详细的配置选项,但我只想完成获取位于 project/frontend/static/css/style.css 的单个 css 源文件的简单任务
并将该 css 文件的缩小版本输出到 project/frontend/static/css/style.min.css
。我似乎在 webpack 的文档中找不到任何讨论这个的内容,因为我不是从 JS 导入我的 CSS,只是将它链接到旧的 HTML head
时尚的方式,所以我只想输出一个普通的 CSS 文件,只是缩小了。
最佳答案
对于 webpack,你可能喜欢使用 mini-css-extract-plugin
npm install --save-dev mini-css-extract-plugin
此插件将 CSS 提取到单独的文件中。它为每个包含 CSS 的 JS 文件创建一个 CSS 文件。它支持 CSS 和 SourceMaps 的按需加载。
它建立在新的 webpack v4 功能(模块类型)之上,需要 webpack 4 才能工作。
请查看文档以获取更多信息 https://webpack.js.org/plugins/mini-css-extract-plugin/
关于css - 如何使用 webpack 缩小单个 css 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59960893/