React学习手册

298

｜

第

12

章

这个模块是我们通用应用程序的起点。

Express

配置使用中间件来处理日志和文件资

源，并最终通过一个

HTML

页面响应每个请求。

因为我们能够提供的

HTML

直接来自这个文件，因此需要将

./dist/index.html

文

件移除。如果该文件还存在的话，它将会在服务器响应之前呈现给用户。

webpack

允许用户导入诸如

CSS

或者图片这类资源文件，不过

Node.js

将无法处理这些

导入的资源。我们将会需要使用

ignore-styles

库来确保忽略了任何

SCSS

文件中的

import

语句。接下来将安装

ignore-styles

：

npm install ignore-styles --save

在

./src/server/index.js

文件中，我们将使用

Express

应用实例并启动服务器。该文件表

示

Node.js

服务器的入口点：

import React from 'react'

import ignoreStyles from 'ignore-styles'

import app from './app'

global.React = React

app.set('port', process.env.PORT || 3000)

.listen(

app.get('port'),

() => console.log('Color Organizer running')

)

这个文件将添加

React

为全局实例并启动服务器。此外，我们已经引入了

ignore-

styles ...