如何使用Webpack压缩单个CSS文件？

Question

如何使用Webpack压缩单个CSS文件？

3

尽管webpack似乎支持各种细节配置选项，但我只想完成一个简单的任务：将位于project/frontend/static/css/style.css的单个css源文件输出为压缩版本的css文件，并将其输出到project/frontend/static/css/style.min.css。我在webpack文档中找不到任何讨论这一点的内容，因为我不是从JS中导入我的CSS，而是以传统方式在HTML head中进行链接，所以我只想输出一个普通的CSS文件，只是压缩了而已。

- user5643983

我认为没有 JS 入口文件提供给 webpack 是不可能完成的。也许你可以尝试使用这个命令行工具？https://www.npmjs.com/package/css-minify - Gaurav Punjabi

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ibraheem Zafar · Accepted Answer

使用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/