REACT笔记1(webpack)

以下内容为学习react中新增笔记：

webpack：

1.npm install react --save-dev 与 --save的区别

--save下安装的依赖需要在项目上线后也需要运行，
比如react、react-dom
--save-dev下安装的依赖只在开发环境运行，比如webpack相关的配置文件，项目上线后则不需要这些依赖包了。
依赖详情可在package.json文件中查看

2.webpack运行命令

cnpm start 等同于 cnpm run start
cnpm test 等同于 cnpm run test
以上为简写，除此之外不可使用简写
例如cnpm run build 不能简写

3.配置与包依赖

注意：
此文件中首先添加 "homepage": "./",
如果不添加cnpm run build编译将会找到资源

//package.json文件
{
  "name": "demo",
  "version": "0.1.0",
  "private": true,
  "homepage": "./",
  "dependencies": {
    "react": "^16.4.1",
    "react-dom": "^16.4.1",
    "react-scripts": "1.1.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

如何通过依赖寻找相关 js 运行？
①首先通过import 得到的模块名称，例如react
②根据react名字，字符串匹配到依赖中的"react"
③此时会再次根据名字搜索node_modules中的react包，并且进入到react包中的package.js中
④根据该配置文件中的 main属性，找到react依赖的js，一般在libs下，最后进行执行。