css - 如何使用 webpack 缩小单个 css 文件?

标签 css webpack

虽然 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/

相关文章:

php - 溢出-x/y 在 IE 中不起作用

jquery - 在容器边界之外启用 bxSlider

html - 如何获得具有不同(小)宽度输入的引导内联表单

jquery - 为什么这个关键帧动画不起作用?

javascript - 如何将 alasql 与 webpack 结合使用?

html - 多步表单 - 在样式单选按钮之间切换

javascript - Flickity 通过 webpack 返回不同的结果

jquery - 使用 typescript 和 webpack 扩展 jQuery

webpack - 构建时 CleanWebpackPlugin 配置失败

webpack - 组合多个 webpack block