令，预览 命令和发布应用的命令。 public 包含了静态资源如HTML页面或图片。除了 index.html 文件外，其 它的文件都可以删除。 src 包含了TypeScript和CSS源码。 index.tsx 是强制使用的入口文件。 运行工程 通过下面的方式即可轻松地运行这个工程。 npm run start 它会执行 package.json 里面指定的 start 我们把这样的构建版本称 做“生产环境”版本（与开发版本相对）。 要执行生产环境的构建，可以运行如下命令： npm run build 这会相应地创建优化过的JS和CSS文 件， ./build/static/js 和 ./build/static/css 。 大多数情况下你不需要生成生产环境的构建版本， 但它可以帮助你衡量应用最终版 本的体积大小。 创建一个组件 下面我们将要创建一个 Hello ，但在这里我们想写的更清楚些。 :sunglasses:添加样式 通过我们的设置为一个组件添加样式很容易。 若要设置 Hello 组件的样式，我们 可以创建这样一个CSS文件 src/components/Hello.css 。 TypeScript Handbook（中文版） 74 React .hello { text-align: center; margin: 20px;

令，预览命令和发布应用的命 令。 public 包含了静态资源如HTML页面或图片。除了 index.html 文件外，其它的文件都可以删 除。 src 包含了TypeScript和CSS源码。 index.tsx 是强制使用的入口文件。 通过下面的方式即可轻松地运行这个工程。 1. npm run start 它会执行 package.json 里面指定的 start React - 60 - 本文档使用 书栈网 · BookStack.CN 构建 1. npm run build 这会相应地创建优化过的JS和CSS文件， ./build/static/js 和 ./build/static/css 。 大多数情况下你不需要生成生产环境的构建版本， 但它可以帮助你衡量应用最终版本的体积大小。 下面我们将要创建一个 Hello 组件。 这个组件接 getElementById('root')! ，但 在这里我们想写的更清楚些。 通过我们的设置为一个组件添加样式很容易。 若要设置 Hello 组件的样式，我们可以创建这样一个 CSS文件 src/components/Hello.css 。 1. .hello { 2. text-align: center; 3. margin: 20px; 4. font-size: 48px;

code not used in final bundle by WebPack. Angular Universal ● Pre-compiles the app into an HTML/JS/CSS offline in a build step. ● Host on CDN for caching. ○ First time users instantly see result! ○ Optimized