以下内容为学习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下,最后进行执行。