从零构建一个 react 网站
- 创建一个文件夹 react-website
- 进入文件夹 创建目录 我只列出了需要的目录, 其他等大家添加新功能的时候 可以再 其他目录 继续添加
react-website
- config
- dist
- src
- main
- 其他目录
- 进入文件夹 初始化生成 package.json 文件
npm init
- 安装 webpack 和 webpack-dev-server 生成 package-lock.json 文件
npm install webpack webpack-dev-server --save-dev
- 安装 react react-dom
npm install react react-dom --save
- 安装 babel-core 、babel-loader、babel-preset-env、babel-preset-react
npm install babel-core babel-loader babel-preset-env babel-preset-react --save-dev
- 安装 html-webpack-plugin
npm install html-webpack-plugin --sav-dev
补充: 如果出现 webpack 版本警告 可以手动指定 webpack 安装版本 npm install webpack@4.5.0
- 安装 html-webpack-plugin
npm install html-webpack-plugin --sav-dev
- 创建文件 config/webpack/file.path.js 并填写内容
const { resolve } = require('path')
// 项目根目录
const projectPath = process.cw