shipwright

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Shipwright

Shipwright (

sails-hook-shipwright

) is the modern build system for The Boring JavaScript Stack. Built on Rsbuild, it replaces the legacy Grunt pipeline with a fast, zero-config asset pipeline that supports React, Vue, and Svelte through framework plugins.

Shipwright（

sails-hook-shipwright

）是适用于The Boring JavaScript Stack的现代化构建系统。它基于Rsbuild构建，以快速、零配置的资源流水线替代了传统的Grunt流水线，并通过框架插件支持React、Vue和Svelte。

When to Use

适用场景

Use this skill when:

Configuring
```
config/shipwright.js
```
(framework plugins, build options)
Understanding the asset pipeline (CSS, JavaScript entry points, static assets)
Setting up Tailwind CSS with PostCSS
Configuring server-side rendering (SSR) with
```
config/inertia.js
```
Debugging the dev server, HMR, or build issues

Understanding the

views/app.ejs

template and

shipwright.styles()

shipwright.scripts()

helpers

Managing path aliases (
```
~/
```
for
```
assets/js/
```
)
Working with code splitting and third-party CSS imports

在以下场景中可使用此技能：

配置
```
config/shipwright.js
```
（框架插件、构建选项）
理解资源流水线（CSS、JavaScript入口点、静态资源）
结合PostCSS搭建Tailwind CSS
通过
```
config/inertia.js
```
配置服务器端渲染（SSR）
调试开发服务器、HMR或构建问题

理解

views/app.ejs

模板以及

shipwright.styles()

shipwright.scripts()

辅助函数

管理路径别名（
```
~/
```
对应
```
assets/js/
```
）
处理代码分割和第三方CSS导入

Rules

规则说明

Read individual rule files for detailed explanations and code examples:

rules/getting-started.md - What Shipwright is, dev/build commands, project structure
rules/configuration.md - config/shipwright.js, framework plugins, entry points, path aliases
rules/asset-pipeline.md - CSS with Tailwind, JavaScript entry, static assets, code splitting
rules/ssr.md - Server-side rendering setup, SSR entry point, framework differences
rules/development.md - Dev server, HMR, Node --watch-path, common issues, debugging

阅读单个规则文件以获取详细解释和代码示例：

rules/getting-started.md - Shipwright介绍、开发/构建命令、项目结构
rules/configuration.md - config/shipwright.js配置、框架插件、入口点、路径别名
rules/asset-pipeline.md - 结合Tailwind的CSS、JavaScript入口、静态资源、代码分割
rules/ssr.md - 服务器端渲染设置、SSR入口点、框架差异
rules/development.md - 开发服务器、HMR、Node --watch-path、常见问题、调试