网页包-如何做简单的css缩小和连接

当然，Webpack功能强大，但对于像我这样的初学者来说，它既混乱又复杂。这对他们最近迁移到2.2没有帮助，所以我看到的很多文档都是针对旧版本的，这增加了这个困难

我想做的就是：

我有一个app.css和一个main.css，我想将它们缩小并打包成一个app.min.css，然后复制到我的输出目录-最简单的方法是什么

我在我的html文件中手动链接它，所以我不需要webpack为我写URL或其他任何东西。在模块化方面，我可能会做很多更奇特的事情，但现在我想建立并运行我的基本设置。我确实在entry index.js文件上运行了我的webpack.config.js，这一切似乎都很好

最简单的方法是什么？我错过了什么？我迷失在这个加载器和那个加载器css加载器，原始加载器，样式加载器。。。还有一些难以理解的错误，需要时间才能弄清楚。让我惊讶的是，对于一个如此强大的工具，你会想象有更简单的方法来做这样的基本事情

---

谢谢你的帮助

这其实很简单，而且很容易解释

首先，您需要确保已配置css加载程序，以便Webpack知道如何处理css文件。然后通过使用ExtractTextPlugin，您基本上可以将指定的内容绑定到一个单独的文件中

入口块可以包含多个文件，因此您可以这样修改它。或者您可以在index.js的顶部要求/导入它们

---

谢谢你的回答。我决定不再追求webpack了。对于我需要完成的事情来说太麻烦了——一个文件量不大的应用程序。Gulp正在做任何我想做的事，而痛苦要小得多！或者我只是个傻瓜：@Gerry，这可能是真的。如果您没有使用像Angular或React这样的组件框架，那么您可能是对的。就我个人而言，如果这是一个需要维护一年以上的项目，并且将引入更多的库，那么我认为使用Webpack是一个不需要动脑筋的事情。我已经经历了吞咽的痛苦，它做了它需要做的，但是有一个模块系统在你身后非常有帮助。我可能会在将来的某个时候回到它，一旦我的沮丧消失了：文档变得更好。@Gerry我知道这肯定需要一些时间来适应。有很多概念同时在移动，直接跳进去可能会让人望而生畏。祝你好运

entry: {
  bundle: "./index.js",
  main: "./main.css",
  app: "./app.css"
}