首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >把你的CSS加载到Webpack里面有什么意义呢?

把你的CSS加载到Webpack里面有什么意义呢?
EN

Stack Overflow用户
提问于 2018-03-26 10:38:32
回答 1查看 76关注 0票数 0

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

看起来你在这里又转了一圈。在Webpack之前,你会像往常一样使用<link>标签在<head>中加载CSS。现在使用Webpack,您可以通过JS包加载它。现在,对于生产环境,您可以使用一个Webpack插件再次将其放回<head>标记中。那么有什么意义呢?

已经有几十种工具和方法可以编译您的CSS并在页面中实时重新加载它,而无需使用Webpack。在你的SASS/LESS/CSS中使用Webpack的好处是什么?

EN

回答 1

Stack Overflow用户

发布于 2018-03-26 10:53:26

我不认为你是在全神贯注地看着Webpack。如果你只想使用CSS预处理器,而不是继续使用他们的独立编译器,那就继续吧。

Webpack 只有读取JavaScript,所以这就是Loaders的用武之地。当您想要开始处理其他类型的文件时,您需要配置加载器来提取特定的代码,并让它运行必要的任务。它与Gulp的Pipeline或Grunt的配置块没有什么不同。

将CSS (或任何预处理器)加载到Webpack中的意义在于,您希望拥有一个功能齐全的任务运行器,该运行器可以处理代码捆绑、实时重载、图像优化、环境变量、代码优化、HTML模板等所有可能的操作。您不会仅仅使用Webpack作为独立的CSS预处理器,这不是我们的目标。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49483175

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档