Webpack - 如何进行简单的 CSS 压缩和连接
2017-01-29
1321
Webpack 功能强大，但对于初学者（比如我）来说，它令人困惑且复杂。最近他们升级到 2.2 版，所以我看到的很多文档都是针对旧版本的，这增加了难度，这无济于事。
我想要做的就是：
我有一个 app.css 和一个 main.css，我想将它们压缩并打包成一个（比如 app.min.css）并复制到我的输出目录 - 最简单的方法是什么？
我手动将它链接到我的 html 文件中，因此我不需要 webpack 为我写出 URL 或任何东西。我可能会在后面围绕模块化做更多花哨的事情，但现在我想让我的基本设置启动并运行。我的 webpack.config.js 确实在我的入口 index.js 文件上运行，一切似乎都很好。
最简单的方法是什么？我遗漏了什么？我迷失在各种加载器（css-loader、raw-loader、style-loader……）和难以理解的错误中，需要花一些时间才能弄清楚。令我惊讶的是，对于如此强大的工具，你会想到有更简单的方法来完成这样的基本任务……
感谢您的帮助
1个回答
这实际上非常简单， 文档很好地 解释了这一点。
首先，您需要确保已配置 css 加载器，以便 Webpack 知道如何处理 css 文件。然后通过使用
ExtractTextPlugin
，您基本上将指定的内容捆绑到单独的文件中。
入口块可以接受多个文件，因此您可以像这样修改它。或者您可以在
index.js
的顶部要求/导入它们。
entry: {
bundle: "./index.js",
main: "./main.css",
app: "./app.css"
}
cgatian
2017-01-29