全栈框架 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.jsmodule.exports = {  future: {    unstable_postcss: true,  },};

// postcss.config.jsmodule.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。取而代之的是，你可以用更细化的配置选项来定位你的服务器构建，从而有更大的灵活性。

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

修复和改进 v2_routeConvention

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

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

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