如何使用 symfony/webpack-encore 缩小 CSS/JS 文件？答案

【问题标题】：How can I minify CSS/JS files using symfony/webpack-encore?如何使用 symfony/webpack-encore 缩小 CSS/JS 文件？
【发布时间】：2020-11-13 09:13:16
【问题描述】：

我正在尝试在使用 symfony/webpack-encore 时缩小 CSS 和 JS 文件。但是，我找不到我需要做什么的明确答案。我使用createSharedEntry 进行布局，但我需要将它们放入单个文件中，例如缩小。我需要做什么？ webpack-encore 是否有特定的功能或者我需要使用额外的插件？

【问题讨论】：

github.com/symfony/webpack-encore/blob/master/lib/plugins/…
对我来说，webpack encore 在使用创建生产构建的build 命令时会自动缩小我的文件。当我使用dev 或watch 命令时它不会，因为这些是开发版本。你能确认你有同样的行为吗？另外，你使用的是什么版本的 webpack encore？

标签： symfony webpack webpack-encore

【解决方案1】：

Symfony webpack encore 是一个包，可以帮助你阅读 webpack 生成的entrypoint.js。而已。要缩小 js/css，您需要了解有关 Javascript/Webpack 的更多信息。有很多关于它的教程和文章。你可以从this course开始

【讨论】：