webpack配置react

webpack —— 模块加载器
包管理器-npm cnpm bower yarn

使用webpack 之前 安装两个命令环境
cnpm(npm) i(install) webpack -g
cnpm(npm) i(install) webpack-dev-server -g

验证：
webpack -v
webpack-dev-server -v

---

webpack组成
a).入口、出口
b).loader(加载器、转换器)
c).plugins（插件）

---

需要一个配置文件 webpack.config.js 配置webpack的一个具体内容

module.exports={
entry:’./index.js’, //入口文件 自己写的文件
output:{
filename:‘bundle.js’ //出口文件 打包好的文件
}
}

---

运行webpack 在webpack.config.js 文件里面
webpack 打包一次
webpack -w (watch) 持续监听，并且打包
webpack -p 压缩打包
webpack -pw 持续监听并且压缩打包

---

自动支持es6的模块语法
导入
import {nnnnn,b as kkkk} from ‘./a’
console.log(nnnnn,kkkk);

导出
const a=12;
const b=5;
export{a as nnnnn,b};

json对象的导入导出
导入
import json from ‘./a’
console.log(json.a,json.b);