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