全栈框架 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