1. 使用 npm init 命令生成 package.json 文件
2. 安装需要的依赖
- npm install --save react
- npm install --save react-dom (安装React Dom)
- npm install --save-dev webpack (安装webpack,打包工具)
- npm install --save-dev webpack-cli (使用 webpack 4+ 版本,还需要安装 webpack-cli)
- npm install --save-dev webpack-dev-server (安装webpack-dev-server,一个小型express服务器,主要特性是支持热加载)
- npm install --save-dev html-webpack-plugin html-loader (webpack需要两个额外的插件来处理HTML:html-webpack-plugin和html-loader)
安装过webpack后需要修改 package.json 文件的内容
"scripts": {
"start": "webpack server --open --mode development",
"build": "webpack --mode production"
},
新建一个 webpack.config.js 文件,写入以下内容
const HtmlWebPackPlugin = require("html-webpack-plugin");
module.exports = {
module: {