linux上热编译react,如何使用react进行热加载

一) 安装bable相关命令

5.1 使用 NPM 配置 React 开发环境

image.png

二) 项目打包编译命令相关的安装

image.png

三) 打包运行项目

image.png

四) 可能遇到的问题

webpack-dev-server 和webpack 找不到命令 , 需要是用

./node_modules/.bin/webpack

./node_modules/.bin/webpack-dev-server

五)常用命令记录

cd /Users/wanggang/Downloads/幕课网代码coding-83/05-03

647 sudo cnpm install webpack --save

648 sudo cnpm install webpack-dev-server --save

649 webpack

650 ./node_modules/.bin/webpack

651 ls

652 cnpm install

653 sudo cnpm install

654 ./node_modules/.bin/webpack

655 sudo cnpm install --save react react-dom babelify babel-preset-react

656 sudo cnpm install --save babel-preset-es2015

657 ./node_modules/.bin/webpack

658 cnpm install

659 ./node_modules/.bin/webpack

660 ./node_modules/.bin/webpack

661 history

662 webpack-dev-server --save

663 sudo cnpm webpack-dev-server --save

664 cnpm install -g webpack

665 sudo cnpm install -g webpack

666 sudo cnpm install -g webpack-dev-server

667 cnpm install webpack --save

668 cnpm install webpack-dev-server --save

669 webpack-dev-server

670 which webpack-dev-server

671 ls webpack-dev-server.

672 ls webpack-dev-server*

673 find webpack-dev-server

674 find webpack-dev-server

675 ./bin/webpack-dev-server

676 history

677 ./node_modules/.bin/webpack-dev-server