从零构建一个 react 网站

从零构建一个 react 网站

1. 创建一个文件夹 react-website
2. 进入文件夹 创建目录 我只列出了需要的目录， 其他等大家添加新功能的时候 可以再 其他目录 继续添加

react-website
- config
- dist
- src
  - main
  - 其他目录

3. 进入文件夹 初始化生成 package.json 文件

npm init

4. 安装 webpack 和 webpack-dev-server 生成 package-lock.json 文件

npm install webpack webpack-dev-server --save-dev

5. 安装 react react-dom

npm install react react-dom --save

6. 安装 babel-core 、babel-loader、babel-preset-env、babel-preset-react

npm install  babel-core babel-loader babel-preset-env babel-preset-react --save-dev

7. 安装 html-webpack-plugin

npm install html-webpack-plugin --sav-dev

补充： 如果出现 webpack 版本警告 可以手动指定 webpack 安装版本 npm install webpack@4.5.0

8. 安装 html-webpack-plugin

npm install html-webpack-plugin --sav-dev

9. 创建文件 config/webpack/file.path.js 并填写内容

const { resolve } = require('path')

// 项目根目录
const projectPath = process.cw