26
4
I'm experimenting with building a site that leverages native browser support for ES6 JavaScript modules (not requiring build tools). Something I noticed early on is that unlike webpack the browser was not happy with a statement like import "/myapp/style.css;".
我正在尝试构建一个利用本地浏览器对ES6 JavaScript模块的支持(不需要构建工具)的站点。我早先注意到的一件事是，与webpack不同的是，浏览器对像IMPORT“/myapp/style.css；”这样的语句并不满意。
Being able to associate CSS files with JavaScript-based components is really nice from a dependency tree maintenance perspective.
从依赖关系树维护的角度来看，能够将CSS文件与基于JavaScript的组件相关联真的很棒。
I'm wondering if there is a recommended approach to achieving this. Some ideas I've considered:
我想知道是否有一种推荐的方法来实现这一点。我考虑过的一些想法如下：
Is there a better way?
有没有更好的办法？
You're overthinking this. Use something like Vite as a scaffolding/build tool and it will take care of this for you. Just make sure any CSS modules are written [name].module.css.
你想得太多了。使用像VTE这样的东西作为脚手架/构建工具，它将为您解决这一问题。只要确保所有的css模块都写成[name].mode.css即可。
^ @Andy: Maybe OP can provide clarity, but I interpret "a site that leverages native browser support for ES6 JavaScript modules" to mean "this project doesn't use build tools — I'm shipping raw source code".
^@Andy：也许OP可以提供清晰度，但我将“一个利用本地浏览器对ES6 JavaScript模块的支持的站点”解释为“这个项目不使用构建工具--我提供的是原始源代码”。
Re: "[CSS in JS is] unappealing because you lose the IDE css syntax support": There are plenty of IDE extensions for supporting such nested syntax (example: VS Code extension marketplace search results for styled components).
Re：“[JS中的CSS is]没有吸引力，因为您失去了对IDE CSS语法的支持”：有大量的IDE扩展支持这种嵌套语法(例如：VS代码扩展市场对样式组件的搜索结果)。
@jsejcksn probably. Part of the problem is that CSS modules are not part of any standard (like ES modules) so implementation has to be done through a tool. You either define the tooling yourself, or use something like Vite which deals with CSS modules out of the box.
@jsejcksn可能。部分问题是，CSS模块不是任何标准(如ES模块)的一部分，因此实现必须通过工具来完成。您可以自己定义工具，也可以使用诸如vite之类的工具来处理开箱即用的css模块。
At the current time, there is no JavaScript runtime which implements a “CSS modules” API, so you’ll need to implement such a system yourself. Detailing such an implementation is far too complex to be on topic for a single Stack Overlow Q/A, but you can start by learning about the CSSOM APIs, generating deterministic hash strings, deduplication strategies, and researching existing tools’ “CSS modules” compiler implementations (e.g. esbuild, webpack, etc.).
目前，还没有实现“CSS模块”API的JavaScript运行时，因此您需要自己实现这样一个系统。详细描述这样的实现太复杂了，不能作为单个Stack Overlow Q/A的主题，但您可以从学习CSSOMAPI、生成确定性散列字符串、重复数据删除策略开始，并研究现有工具的“css模块”编译器实现(例如EsBuild、webpack等)。
26
4
0
我在优化 JOIN 以使用复合索引时遇到问题。我的查询是: SELECT p1.id, p1.category_id, p1.tag_id, i.rating FROM products p1
我有一个简单的 SQL 查询，我正在尝试对其进行优化以删除“使用位置；使用临时；使用文件排序”。 这是表格: CREATE TABLE `special_offers` ( `so_id` int
我有一个具有以下结构的应用程序表 app_id VARCHAR(32) NOT NULL, dormant VARCHAR(6) NOT NULL, user_id INT(10) NOT NULL
此查询的正确索引是什么。 我尝试为此查询提供不同的索引组合，但它仍在使用临时文件、文件排序等。 总表数据 - 7,60,346 产品= '连衣裙' - 总行数 = 122 554 CREATE TAB
为什么额外的是“使用where;使用索引”而不是“使用索引”。 CREATE TABLE `pre_count` ( `count_id`
我有一个包含大量记录的数据库，当我使用以下 SQL 加载页面时，速度非常慢。 SELECT goal.title, max(updates.date_updated) as update_sort F
我想知道 Using index condition 和 Using where 之间的区别；使用索引。我认为这两种方法都使用索引来获取第一个结果记录集，并使用 WHERE 条件进行过滤。 Q1。有什
I am using TypeScript 5.2 version, I have following setup:我使用的是TypeScript 5.2版本，我有以下设置： { "
I am using TypeScript 5.2 version, I have following setup:我使用的是TypeScript 5.2版本，我有以下设置： { "
I am using TypeScript 5.2 version, I have following setup:我使用的是TypeScript 5.2版本，我有以下设置： { "
mysql Ver 14.14 Distrib 5.1.58，用于使用 readline 5.1 的 redhat-linux-gnu (x86_64) 我正在接手一个旧项目。我被要求加快速度。我通过
在过去 10 多年左右的时间里，我一直打开数据库 (mysql) 的连接并保持打开状态，直到应用程序关闭。所有查询都在连接上执行。 现在，当我在 Servicestack 网页上看到示例时，我总是看到
我使用 MySQL 为我的站点构建了一个自定义论坛。列表页面本质上是一个包含以下列的表格:主题、上次更新和# Replies。 数据库表有以下列: id name body date topic_id
在mysql中解释的额外字段中你可以得到: 使用索引 使用where;使用索引 两者有什么区别？ 为了更好地解释我的问题，我将使用下表: CREATE TABLE `test` ( `id` bi
我经常看到人们在其Haxe代码中使用关键字using。它似乎在import语句之后。 例如，我发现这是一个代码片段: import haxe.macro.Context; import haxe.ma
这个问题在这里已经有了答案: "reduce" or "apply" using logical functions in Clojure (2 个答案) 关闭 8 年前。 “and”似乎是一个宏，
这个问题在这里已经有了答案: "reduce" or "apply" using logical functions in Clojure (2 个答案) 关闭 8 年前。 “and”似乎是一个宏，
我正在考虑在我的应用程序中使用注册表模式来存储指向某些应用程序窗口和 Pane 的弱指针。应用程序的一般结构如下所示。 该应用程序有一个 MainFrame 顶层窗口，其中有几个子 Pane 。可以有
奇怪的是：。似乎a是b或多或少被定义为id(A)==id(B)。用这种方式制造错误很容易：。有些名字出人意料地出现在Else块中。解决方法很简单，我们应该使用ext==‘.mp3’，但是如果ext表面
我遇到了一个我似乎无法解决的 MySQL 问题。为了能够快速执行用于报告目的的 GROUP BY 查询，我已经将几个表非规范化为以下内容(该表由其他表上的触发器维护，我已经同意了与此): DROP T
个人中心
文章发布
退出
我是一名优秀的程序员,十分优秀！