在使用Webpack时,使用它打包您的客户端JS是完全有意义的。但是,使用它来编译您的SASS并将CSS加载到您的页面中的目的是什么呢?最后,当您准备好部署到生产环境中时,您似乎需要使用另一个Webpack插件(ExtractTextWebpackPlugin)来拉出CSS。
看起来你在这里又转了一圈。在Webpack之前,你会像往常一样使用<link>标签在<head>中加载CSS。现在使用Webpack,您可以通过JS包加载它。现在,对于生产环境,您可以使用一个Webpack插件再次将其放回<head>标记中。那么有什么意义呢?
已经有几十种工具和方法可以编译您的CSS并在页面中实时重新加载它,而无需使用Webpack。在你的SASS/LESS/CSS中使用Webpack的好处是什么?
发布于 2018-03-26 10:53:26
我不认为你是在全神贯注地看着Webpack。如果你只想使用CSS预处理器,而不是继续使用他们的独立编译器,那就继续吧。
Webpack 只有读取JavaScript,所以这就是Loaders的用武之地。当您想要开始处理其他类型的文件时,您需要配置加载器来提取特定的代码,并让它运行必要的任务。它与Gulp的Pipeline或Grunt的配置块没有什么不同。
将CSS (或任何预处理器)加载到Webpack中的意义在于,您希望拥有一个功能齐全的任务运行器,该运行器可以处理代码捆绑、实时重载、图像优化、环境变量、代码优化、HTML模板等所有可能的操作。您不会仅仅使用Webpack作为独立的CSS预处理器,这不是我们的目标。
https://stackoverflow.com/questions/49483175
复制相似问题