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

相关文章

红魔10 Pro手机入网:电竞芯+6500mAh超大电池
iPhone 16系列价格最高直降1000元 保值力显著下降
文石Poke6电子书阅读器预售:支持TF卡拓展 899元起
iPad mini 7仍维持20W快充标准:比亚迪代工
吉利星座在轨卫星达30颗 可24小时覆盖全球90%区域
ColorOS 15发布 首发搭载OPPO Find X8和一加13