学习记录 - react：[一 ] webpack 解析 react

最新推荐文章于 2023-04-15 10:40:54 发布

pengjianDry

最新推荐文章于 2023-04-15 10:40:54 发布

阅读量500

点赞数 2

分类专栏： ES6 基础 javascript 学习笔记文章标签： react es6 webpack 架构

本文链接：https://blog.csdn.net/pengjianDry/article/details/78859669

版权

这篇博客介绍了如何使用webpack配置解析React项目，包括项目结构、所需依赖、webpack配置、模版文件、客户端入口、babel配置和脚本命令。重点讨论了babel-loader的作用以及html-webpack-plugin在生成HTML中的角色。

摘要由CSDN通过智能技术生成

webpack 解析 react

项目结构

project
 |
 |---build < 工程代码 webpack的配置 >
 |    |
 |    |--- webpack.config.client.js
 |
 |---client < 项目代码 >
 |    |
 |    |--- app.js < 整个客户端的代码出口，用于和 webpack 连接 >
 |    |--- app.jsx < react 的入口 >
 |    |--- template.html < 模版文件 >
 |
 |---.eslintrc < 工程代码 babel 的配置文件 >
 |

需要安装的依赖

  npm i \
  babel-core \
  babel-loader \
  babel-preset-es2015 \
  babel-preset-es2015-loose \
  babel-preset-react \
  babel-preset-stage-2 \
  html-webpack-plugin \
  rimraf