gpt4 book ai didi

javascript - 将 CSS 加载到 Webpack 中有什么意义?

转载 作者:太空宇宙 更新时间:2023-11-04 07:30:12 24 4
gpt4 key购买 nike

当使用 Webpack 时,用它来打包你的客户端 JS 是完全有意义的。但是使用它来编译 SASS 并将 CSS 加载到页面中的目的是什么?最后,您似乎需要使用另一个 Webpack 插件 ( ExtractTextWebpackPlugin ),以便在您准备好部署到生产环境时提取 CSS。

看来你要绕一圈了。在 Webpack 之前,你在 <head> 中加载你的 CSS使用 <link>像正常一样标记。现在使用 Webpack,您可以通过 JS 包加载它。现在对于生产,您使用 Webpack 插件将其放回 <head>再次标记。那有什么意义呢?

已经有许多工具和方法可以在没有 Webpack 的情况下编译 CSS 并在页面中实时重新加载它。首先,将 Webpack 用于 SASS/LESS/CSS 有什么优势?

最佳答案

tl;dr 我不认为您正在全面了解 Webpack。如果你沉迷于只使用 CSS 预处理器而不是坚持使用它们的独立编译器并继续前进。

Webpack 读取 JavaScript,所以这就是 Loaders参加进来。当您想要开始处理其他文件类型时,您需要配置加载程序以提取特定代码并让它运行必要的任务。它与 Gulp 的管道或 Grunt 的配置 block 没有什么不同。

将 CSS(或任何预处理器)加载到 Webpack 的目的是因为你想要一个完整的任务运行器来处理捆绑你的代码、实时重新加载、图像优化、环境变量、代码优化、HTML 模板等等否则这是可能的。您不会只是将 Webpack 用作独立的 CSS 预处理器,这不是目标。

关于javascript - 将 CSS 加载到 Webpack 中有什么意义?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49483175/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com