为什么构建时要单独从js中提取出css，这样有哪些好处？
构建时将 CSS 从 JS 中提取出来的原因是为了优化网站的性能和加载速度。这样做有以下好处：
- 减少 CSS 的加载时间：将 CSS 从 JS 中提取出来可以减少 JS 文件的大小，从而减少 JS 文件的加载时间。同时，浏览器可以更快地加载和解析 CSS，提高页面的渲染速度。
- 提高 CSS 的缓存效果：将 CSS 从 JS 中提取出来可以让浏览器更好地缓存 CSS。这样，当用户再次访问网站时，他们可以更快地加载页面，因为浏览器可以从本地缓存中加载已经缓存的 CSS。
- 提高 SEO：将 CSS 从 JS 中提取出来可以提高搜索引擎的优化。搜索引擎可以更好地解析 CSS，从而更好地索引网站的内容。
- 提高可维护性：将 CSS 从 JS 中提取出来可以使代码更加模块化，更易于维护。这样，开发人员可以更容易地修改和维护 CSS，而不需要修改 JS 代码。
推荐的腾讯云相关产品：
- 腾讯云 COS：腾讯云 COS 是一种存储服务，可以用于存储 CSS、JS 和其他静态文件。这样可以提高网站的加载速度和缓存效果。
- 腾讯云 CDN：腾讯云 CDN 是一种内容分发网络，可以用于加速 CSS、JS 和其他静态文件的分发。这样可以提高网站的加载速度和缓存效果。
- 腾讯云 CLS：腾讯云 CLS 是一种日志服务，可以用于记录 CSS、JS 和其他静态文件的访问日志。这样可以帮助开发人员监控网站的性能和稳定性。
相关链接：
- 腾讯云 COS 产品介绍：https://cloud.tencent.com/product/cos
- 腾讯云 CDN 产品介绍：https://cloud.tencent.com/product/cdn
- 腾讯云 CLS 产品介绍：https://cloud.tencent.com/product/cls
相关·内容
1回答
为什么提取css
webpack、production
我正在用webpack构建一个页面应用程序。已经多次看到建议从生产构建中提取css，但没有找到原因。下面的链接可以找到这类建议的示例。这样您的样式就不依赖于JavaScript：
浏览 3提问于2017-04-14得票数 11
回答已采纳
2回答
如何用webpack在ReactJS中编译加载纯CSS？
css、reactjs、webpack、webpack-style-loader
/src'), css : './public/assets/css/main.css', html: './static'), }, loaders: [
浏览 10提问于2017-07-08得票数 0
1回答
从另一个域加载脚本/静态资源的可能原因
dns、infrastructure
我已经看到许多网站有一个单独的域名(而不是子域名)来加载脚本和静态资产。通过另一个域名加载一个网站自己的脚本，而不是使用相同的域或子域，会得到什么好处？要明确：
我不是问为什么给出的例子这样做，而是任何网站在一般情况下会从中获益。我不是问为什么用户上传的内
浏览 0提问于2018-08-13得票数 0
回答已采纳
1回答
webpack用于加载css：的文档
webpack博士要求从Javascript代码中导入CSS文件，然后运行插件来提取CSS。-> webpack，为什么要从JS源代码中导入CSS文件，而不是像传统那样孤立地构建CSS？不从Javascript导入CSS，我的意思是CSS的webpack配置没有".js“扩展，它直接解析CSS/SCS
浏览 1提问于2017-12-21得票数 7
3回答
用PHP加载CSS (可能是JS)
javascript、php、html、css、loading
如果您有很多文件，在头文件中这样做会有什么好处吗？<?>这样，服务器将返回一个文件而不是多个文件。您还可以在脚本标记之间从js加载内容。请不要燃烧，只是解释为什么这会或不会有意义的情况下，你需要有很多单独的文件，你想要合并，而不是让主文件单独调用这些文件。我试过了，他们似乎成功了.但是，对服
浏览 3提问于2013-10-09得票数 1
回答已采纳
1回答
如何使VBS从文本文件中读取？
vbscript、wmi、uninstallation、wmi-query
它现在所做的是允许我从文本文件中提取出要卸载的Windows要点的哪些部分。但是，当它处于位置时，它只是提示输入一个计算机名称……我希望它从我创建的Computer_Names.txt的一个单独文本文件中提取出来，并在列表中的所有计算机上运行卸载。我只是看上去不太对。strOutput = stroutput & vbCrLf & objsoftware.NameLoop
WScript.Echo strO
浏览 1提问于2013-12-13得票数 1
回答已采纳
1回答
当我可以将其加载到iframe中时，为什么还要担心制作一个纯javascript/jquery小部件呢？
javascript、jquery、ajax、iframe、widget
我的意思是，我曾经有过这样的小工具：当我可以使用sngle时，我为什么要这样做呢？我还注意到，如果我从widget.js加载jquery，(当然)我把它放
浏览 1提问于2012-05-30得票数 6
回答已采纳
1回答
Webpack构建了单独的html、css和js输出路径。
reactjs、webpack
如果我构建应用程序，接受index.html并将其移动到Flask的模板中，从构建中取出js和css文件夹，并将它们移动到Flask的静态文件夹中，一切都正常。我现在要做的是确保一个步骤的构建是可能的，这意味着构建反应应用程序的方式是直接输出到index.html的模板和静态直接输出到瓶的静力学。但我不知道这是否有可能。在进行构建时，可以配置Webpack为HTML、js和
浏览 4提问于2017-03-16得票数 2
回答已采纳
2回答
在war中打包所需的优化文件
requirejs、gradle、war
在一个大型的web应用程序中，我使用了requirejs和模块，这样脚本本身就是模块化的和可维护的。not checked into git在构建期间，使用r.js将js和css优化到静态构建的文件夹中。Gradle是构建工具。
现在的问题是: jsps引用static/scripts文件夹中的脚本，这是我在本地工作时想要的方式。但是，在构建war时，我希望
浏览 1提问于2014-01-15得票数 4
2回答
MVC或提取服务层
asp.net-mvc、wcf、web-services、api
我们有一个用.Net MVC构建的应用程序。我们现在的任务是向第三方公开API。我们团队中的成员只想继续我们当前的路径，只需要使用更多的控制器，这样我们就可以重用当前应用程序的后端。逻辑告诉我，当更多的客户将要访问它时，我们需要创建一个独立的服务层，但是.Net MVC似乎处理了所有这些。在独立应用程序中使用控制器公开API的体系结构是否真的可以接受，从服务层中提取出服务层的潜在好处是什么？
浏览 0提问于2012-10-25得票数 0
1回答
我的主要问题是，“为什么有一个用于输出所有压缩等文件的构建文件夹？” js folder vendor folder index.html
我不明白的是，为什么GULP文件dest是这样的，‘构建’？当然，原始文件应该位于一个单独的文件夹中，并输出到主要的css<
浏览 1提问于2015-03-14得票数 0
回答已采纳
3回答
如何在不影响下面元素布局的情况下将HTML元素放置在另一个元素的顶部？
html、css、layout
我有一个用于显示网格的表格(是的，实际上正确地使用了表格)，我想在一个网格单元格上放置一个图像。
浏览 1提问于2013-02-23得票数 5
回答已采纳
3回答
如果分组前端代码有助于减少请求，为什么不在一个html文档上编写更多的网站呢？
javascript
我想我想问的是，如果分组JavaScript被认为是一种好的做法，为什么更多的网站不将JavaScript和CSS直接放在一个HTML文档中？
浏览 0提问于2012-06-02得票数 5
回答已采纳
1回答
使用两种不同的用户类型构建with应用程序--它们应该是独立的应用程序吗？
angularjs、heroku、architecture
我正在构建一个类似Uber的应用程序，因为我有一个'Driver‘和一个'Rider’类型的用户。目前，我有一个AngularJS web应用程序和一个Node API，该应用程序的数据从该应用程序中提供。我不认为将子域用于应用程序的某些部分是特别直接的，而只是单独构建应用程序要容易得多。这样做有意义吗？尽管我认为Heroku的总体支出将略有上升，但我也不太幸运能够独立扩展应用程序的好处。这也有一
浏览 4提问于2016-09-03得票数 0
2回答
CSS CLI 3--我如何为Vue.js /Sass创建一个供应商包？
javascript、node.js、vue.js、webpack
我希望有独立的CSS文件，比如app.css和vendor.css (从Sass转过来的)--类似于它如何配置来处理JavaScript。我不知道如何设置适当的配置来实现这一点。我的文件加载不正确吗？dist| └── app.css| ├── app.jsapp.css包括通过导入的all。我想要的结果是以下结构，其<
浏览 1提问于2018-12-28得票数 10
回答已采纳
2回答
如何从其他类型记录声明文件公开类
typescript、typescript-typings
假设我在Javascript中构建一个节点模块，它公开了3个类：module.exports = { ClassB,}//index.d.ts
import {
浏览 2提问于2021-01-08得票数 0
回答已采纳
1回答
为什么MSBuild.exe要跳过重要文件
msbuild、asp.net-mvc-5
目前，我有一个CI服务器，它可以从版本控制中提取出来，并使用这一行代码构建带有MSBuild.exe的web应用程序。\v4.0.30319\msbuild.exe C:\project\WebApplication\WebApplication.csproj /T:Package我面临的问题是，我不明白为什么在用C#构建和打包项目时忽略或跳过控制器、视图模型、模型等纯粹的MSBuild.exe代码。这一切为什么
浏览 1提问于2014-10-26得票数 0
回答已采纳
1回答
从webpack构建中提取javascript文件
javascript、webpack、extracttextwebpackplugin
我正在使用webpack的一个项目，我需要一个javascript配置文件作为构建文件的一部分，但我不知道如何做到这一点。因此，我需要在输出中包含这些文件：我想我需要：
1)将config.js文件从源文件夹复制到使用CopyWebpackPlugin的构建文件夹，我尝试过几十种不同的配置方法，但是当尝试使用copy方法时，我在app.js包中和作为一个单独的文件获得文件。当我
浏览 4提问于2017-03-30得票数 1
回答已采纳
1回答
如何在工作框中实际显示更新的index.html？
javascript、google-chrome、service-worker、workbox
我有一个完全静态的站点- index.html和一些CSS/JS/PNG文件。我想使用服务人员来缓存所有这些信息。看来工作箱应该能让这件事变得容易些。{js,css,html,png}", })
console.log(`${count} files will要真正看到新的index.html，正常的重新加载将永远无法工作，我需要做ctrl+shift+R。
不可能是<
浏览 0提问于2018-09-14得票数 11
回答已采纳
2回答
仅使用Grunt查找和复制CSS文件中引用的图像
node.js、gruntjs
我有一个网页应用程序(index.html)，我用我购买的响应模板构建了这个页面，所以这个模板带有我可以使用的1000多个图标和图像。在开发阶段，我会选择哪些图像，但是当要构建要部署的应用程序版本时，我需要手动浏览主要的CSS和HTML文件，并列出所使用的图像列表并将它们复制过来。js/我一直在寻找一个Grunt插件，它可以遍历我唯一的主CSS
浏览 2提问于2015-04-01得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
