webpack-react

  • t6_514915
    了解作者
  • 62.9KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-06-14 03:50
    上传日期
WebpackReact学习 目标:出于学习目的,从头开始为React应用程序手动设置和配置webpack。 使用npm start运行。 基本设定 运行npm-init 。 添加Webpack软件包: npm install --save-dev webpack webpack-dev-server 添加React软件包: npm install --save react react-dom 添加Babel软件包: npm install --save-dev @babel/core @babel/preset-env @babel/preset-react @babel/preset-stage-2 babel-loader 添加基本​​的webpack配置(在webpack.config.js )。 将babel-loader规则配置添加到webpack.config.j
webpack-react-main.zip
  • webpack-react-main
  • .gitignore
    29B
  • .babelrc
    74B
  • package.json
    847B
  • package-lock.json
    237.4KB
  • src
  • index.js
    143B
  • App.js
    76B
  • index.html
    187B
  • webpack.config.js
    506B
  • README.md
    889B
内容介绍
# webpack-react learning *Objective:* To manually set up and configure webpack from scratch for a React application, for learning purposes. Run with `npm start`. ## Basic setup 1. Run `npm-init`. 2. Add webpack packages: ``` npm install --save-dev webpack webpack-dev-server ``` 3. Add React packages: ``` npm install --save react react-dom ``` 4. Add Babel packages: ``` npm install --save-dev @babel/core @babel/preset-env @babel/preset-react @babel/preset-stage-2 babel-loader ``` 5. Add basic webpack configuration (on `webpack.config.js`). 6. Add `babel-loader` rule configuration to `webpack.config.js`. 7. Add basic babel configuration (on `.babelrc`). ## Add html webpack plugin 1. Add `html-webpack-plugin` package: ``` npm install --save-dev html-webpack-plugin ``` 2. Add html template file to `src` folder. 3. Add plugin configuration to the `webpack.config.js`.
评论
    相关推荐
    • reactwebpack
      Reactwebpack设置 配置webpack 4 react 16,babel装饰器 入门 这些说明将为您提供在本地计算机上运行并运行的项目的副本,以进行开发和测试。 有关如何在实时系统上部署项目的注释,请参阅部署。 先决条件 您需要...
    • webpack-skeleton
      webpack-骨架 建造 $ npm install $ bower install $ webpack 开发 $ webpack -w
    • webpack-npm-demo.zip
      Webpack| Webpack npm方式启动: webpack-npm-demo.zip
    • webpack-basics
      webpack基础 用于制作基本的webpack react应用程序的模板。 npm i要安装节点依赖项 npm run dev来构建dev dist npm start提供该应用程序
    • webpack演示
      Webpack与React结合使用的演示还可以测试cypress UI测试吗? 启动运行脚本npm run dev测试运行脚本npm run test
    • restaurant-page:NPMWebpack项目
      餐厅页面 NPMWebpack项目
    • WebPack-lab
      Webpack React入门项目 这个项目是一个完整的React项目,没有使用我们最喜欢的Create-React-App CLI构建。 所有文件和文件夹均已手动设置,以了解webpack的内部行为。 要使用此项目,请遵循以下简单步骤。 从分叉...
    • npm.cnpm.webpack.nvm
      webpack开发环境搭建,里面有压缩文件以及安装文档说明,纯手写。
    • webpack-study
      npm install npm build 前言 随着MVVM框架的流行,各个框架都有各自的脚手架,只需要知道几个npm简单的运行命令行,下载命令行等等。我们似乎不用太费力去学习webpack,但是当有些需求是脚手架无法满足的时候,我们...
    • SIM800C_MQTT.rar
      使用SIM800C模块,使用MQTT协议,连接中国移动onenet平台,能实现数据的订阅、发布、存储等