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时,如

2023-10-18

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

2022-11-02

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

2021-12-02

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

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 应用程序的体验。 新的开发环境包括大家期待已

2023-09-25

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

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

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. 支持配置加密。参考文

2024-07-16

community/datacap Shadcn UI Vue Admin 是一个使用 Shadcn UI (基于 Tailwind CSS) 和 Vite 和 Vue 制作的管理面板。在构建时考虑了响应能力和可访问性。 本次版本为公开版本,支持了 Tree 和 Timeline 模版功能。以下是该模版的目

2023-07-26

他特性: 自带组件框架:Astro 为 React、Vue、Svelte 和 Tailwind CSS 等前端工具提供一级支持。通过astro add命令即可添加使用 支持静态页面生成 (SSG) 和服务器端渲染 (SSR),可以按需渲染内容 开发者体验出众:Astro 支持所有喜

2022-09-09

新和依赖性更新。 Key changes 更新了 calc() 函数,以解决 postcss-values-parser 中的一个明显的 bug,该 bug 导致源 Sass 文件在使用 React 和 PostCSS 构建时无法正常编译。解决方法是颠倒在 calc() 函数中的乘法顺序。用户可能需要根据自