如何用webpack4从零开始构建react开发环境？
- 内容介绍
- 文章标签
- 相关推荐
本文共计677个文字，预计阅读时间需要3分钟。
项目文件准备：执行 `npm init`，然后创建如下文件内容。
1. `package.json`：json{ name: your-project-name, version: 1.0.0, description: The Minimal React Webpack Babel Setup, main: index., scripts: { start: webpack serve --mode development }, dependencies: { react: ^17.0.2, react-dom: ^17.0.2, webpack: ^5.0.0, webpack-cli: ^4.0.0 }, devDependencies: { babel-loader: ^8.0.0, babel-preset-react: ^9.0.0, css-loader: ^5.2.0, style-loader: ^2.0.0, -webpack-plugin: ^5.0.0 }}
2. `index.`： The Minimal React Webpack Babel Setup
确保所有文件名和路径与示例一致。
项目文件准备：
执行npm init,然后创建如下图所示的文件。
本文共计677个文字，预计阅读时间需要3分钟。
项目文件准备：执行 `npm init`，然后创建如下文件内容。
1. `package.json`：json{ name: your-project-name, version: 1.0.0, description: The Minimal React Webpack Babel Setup, main: index., scripts: { start: webpack serve --mode development }, dependencies: { react: ^17.0.2, react-dom: ^17.0.2, webpack: ^5.0.0, webpack-cli: ^4.0.0 }, devDependencies: { babel-loader: ^8.0.0, babel-preset-react: ^9.0.0, css-loader: ^5.2.0, style-loader: ^2.0.0, -webpack-plugin: ^5.0.0 }}
2. `index.`： The Minimal React Webpack Babel Setup
确保所有文件名和路径与示例一致。
项目文件准备：
执行npm init,然后创建如下图所示的文件。