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