小小白初学 react 之简单入门 webpack

😄 记录一下学习 react 的过程，

首先新建一个文件夹，起名为 react--01

用 vsCode 编辑器工具打开，打开终端输入 npm init 初始化项目，一直按回车自动生成 package.json 配置
新建 index.js 入口文件并编辑代码

document.write("<h1>Hello 黑客派!!</h1>");

文件夹目录下打开终端使用淘宝源 cnpn 全局安装 webpack 依赖

cnpm install -g webpack

等待几秒安装完成后新建 webpack.config.js 配置文件编写基本代码如图

保存后终端输入 webpack 编译 index.js，根目录下会自动生成 dist/main.js 文件

注意 entry 入口 js 文件路径要加上./不然会报错（ERROR in Entry module not found: Error: Can't resolve 'index.js' in 'C:\学习\react--01'）

编译完成后根目录新建 index.html,引入 dist/main.js

最后一步把代码放到服务器环境运行，终端输入 cnpm install -g live-server

安装后终端输入 live-server 启动服务器会自动启动浏览器打开 index.html

明天学多入口文件和 css 样式，睡觉