Remix 1.13 发布,支持 PostCSS 和 Tailwind


Remix 是一个由 React Router 开发团队所开发的基于 React 和 Node 的全栈框架,以解决开发者在用 React 开发时面临的一些棘手问题。

Remix 1.13 发布,更新内容如下:

内置 PostCSS 支持

Remix 现在可以用 PostCSS 处理现有的 CSS 导入。此前在 Remix 中,这需要用户将任何 CSS 转换作为一个单独的进程来运行,并且导入需要引用输出而不是源。

现在不一样了,在 Remix 1.13 中现在你可以导入你实际编写的 CSS 文件的引用,Remix 会处理剩下的事情。

// remix.config.js
module.exports = {
future: {
unstable_postcss: true,
},
};
// postcss.config.js
module.exports = {
plugins: [/* your plugins here! */],
presets: [/* your presets here! */],
};
// app/routes/root.jsx
// huzzah, the stylez are transformed before your very eyes!
import stylesheet from "./root.css";

export function links() {
return [{ rel: "stylesheet", href: stylesheet }];
}

内置 Tailwind 支持

现在可以得到你的 Tailwind 样式,而无需运行一个单独的进程。与 PostCSS 一样,你需要使用 future.unstable_tailwind 标志选择加入(目前)。

微调服务器构建

Remix 团队正在废除 remix.config 中的 serverBuildTarget。取而代之的是,你可以用更细化的配置选项来定位你的服务器构建,从而有更大的灵活性。

展望未来,你将会有更多选项可以帮助你配置你的服务器以满足你的需求。

  • publicPath
  • serverBuildPath
  • serverConditions
  • serverDependenciesToBundle
  • serverMainFields
  • serverMinify
  • serverModuleFormat
  • serverPlatform

修复和改进 v2_routeConvention

Remix 1.13 最近推出了对新路由约定的早期实验性支持,以便为 Remix v2 做好准备。

请注意,这只适用于你在 future.v2_routeConventions 中选择了新的路由约定。目前 v1 版的文件系统路由行为并没有改变。

更多详情可查看:https://github.com/remix-run/remix/releases/tag/remix%401.13.0

 


相關推薦

2023-05-16

tcss.config.js存在,就可以使用 PostCSS 处理所有 CSS 文件。 Tailwind 1.16.0版本通过remix.config.js中新的tailwind选项稳定了内置的 Tailwind 支持。因此,future.unstable_tailwind选项也被废弃了。 tailwind选项默认为false,但是当设置为true时,如

2022-11-02

视为 Remix 在该领域的最大竞争对手。 近日 Remix 在官网发布公告,表示已经与 Shopify 达成协议,已被后者收购,但公告中并没有透露此次收购的金额。 Michael Jackson 和 Ryan Florence 在 2020 年共同创立了 Remix,在推出 Remix 框架之

2021-12-02

所有人都能使用 Remix。我们相信,将 Remix 以开源的方式发布将推动项目的创新,并使其他框架也能从我们取得的进展中受益。我们急于向他人学习,并回馈给他人。 由于项目刚刚开源,目前 Remix 的 GitHub 仓库内容仍在完善

2023-10-18

行为设定。配置必须在项目的根目录中(导致了一长串的tailwind.config.js、postcss.config.js、eslint.config.js、next.config.js等)。文件结构对于导入代码是必要的恶,但在前端中,它却做了更多的事情。它可能是一个API,用于将特定文件

2023-03-15

x 基于 Ubuntu 22.04.2 LTS,而 Ubuntu 23.04 (Lunar Lobster) 即将正式发布,不知道 Ubuntu Flatpak Remix 是否会及时跟进这一变化。 Ubuntu Flatpak Remix 官方网站下载链接:下载 项目 GitHub 地址(只创建了仓库,还没有代码):https://github.com/Flatpak

2023-03-03

开发者在用 React 开发时面临的一些棘手问题。 Remix 1.14 发布,更新内容如下: 带有 HMR 的开发服务器 Remix 现在有一个全新的开发服务器,它将极大地改善你在开发中运行 Remix 应用程序的体验。 新的开发环境包括大家期待已

2025-08-13

许用户一键提效的工具,用户可以通过点击“Remix”对已发布的成熟作品进行再创作,无需从零开始,从而将效率提升10倍。此外,用户还可以通过发布自己的Agent作品至Gallery并允许他人Remix,每次作品被Remix都能获得100积分的收

2023-09-25

开发者在用 React 开发时面临的一些棘手问题。v2.0.1 现已发布,具体更新内容包括: Patch Changes 修复使用 pnpm 时 MDX 文件的类型 ( #7491 ) 更新getDependenciesToBundle以处理没有 main exports 的 ESM 包 ( #7272 ) 注意,这

2025-07-22

谷歌更新了其 Gemini 命令行工具 (CLI) 至 v0.1.13 版本,并发布了该工具的 v1 版本路线图。 此次更新带来了一系列功能增强和体验优化。 取消操作提示:在取消操作时显示被修改的内容。 确认快捷键:使用数字键作为确认快

2023-03-31

Tailwind CSS v3.3 带来了大量的新内容,更新内容如下: 扩展的深色调色板: 在 Tailwind CSS v3.3 中,为每一种颜色都增加了一个新的950色调,这是一种更加深的色调 ESM 和 TypeScript 支持: 现在可以在 ESM 和 TypeScript 中配置 Tai

2022-10-24

Tailwind CSS v3.2 带来了大量的新内容,包括对动态断点的支持、单个项目中的多个配置文件、容器查询等等。 一个项目中使用多个配置文件 添加了一个新的 @config指令,开发者可以在 CSS 文件中使用该指令来指定用于该文件的 T

2025-07-25

Gitee MCP Server v0.1.13 已经发布,Gitee 模型上下文协议 (MCP) 服务器 此版本更新内容包括: 更新内容 feat: add security_hole option for issue @JJ-H 完整的更新日志: https://gitee.com/oschina/mcp-gitee/compare/v0.1.12...v0.1.13 详情查看:https://gitee.c

2021-12-13

Tailwind CSS v3.0 已正式发布,新版本在性能和工作流优化方面带来了巨大的提升,同时还增加了大量新特性。 Tailwind CSS v2.0 主要更新内容: 默认启用 Just-in-Time — 闪电般的快速构建时间、可堆叠的变体、支持生成任意样

2024-02-23

开发者们,大家好! Spring Cloud Tencent 1.13 版本现已发布,支持 Spring Cloud 2022、2021、2020、Hoxton 版。 一、发布项列表: 1. 1.13.1-2022.0.4 2. 1.13.1-2021.0.9 3. 1.13.1-2020.0.6 4. 1.13.1-Hoxton.SR12 二、主要更新列表: 1. 支持配置加密。参考文