Webpack React 简单入门 一

Webpack  详细原文
https://www.runoob.com/w3cnote/webpack-tutorial.html

阅读前注意版本和保持心情平静。本人并不保证你能学会。这个有点麻烦。你可以参照demo 修改和对比

 1 本地环境需要支持 node.js。

 

 

2 使用 cnpm 安装 webpack

  cnpm install webpack -g

接下来开始创建测试文件

1  cmd  到指定目录

先来个整体目录

2 生成package.json
npm init -y

3 Webpack和React配置
 npm install --save react react-dom
npm install --save-dev webpack webpack-cli

自动生成以下目录

 

4 

安装Babel编译器

npm install --save--dev babel-core babel-loader babel-preset-es2015 babel-preset-react

5 其他文件直接参照 我关联的文件   

6 运行

npm run build

 

错误说明：

出现  babel 版本错误 请

安装回@7.1.5版本

npm uninstall babel-loader
npm install babel-loader@7.1.5

 

 代码连接  https://github.com/linlsyf/demo/tree/master/reactdemo/js

 Webpack React 简单入门  二

连接