05 暴露打包配置文件

49 阅读1分钟

提交到git

因为刚才我们修改了一些文件, 在暴露之前, 我们需要把代码提交到git历史区保留下来

这样做可以防止暴露后的代码覆盖我们修改的代码

  • 暴露前修改过
  • 本地有git仓库管理

依次执行:

git add .

git commit -m'init'

暴露

执行如下命令:

npm run eject

会提示该操作是永久性的, 一旦暴露是不能再改回去的

选择y即可

image.png 然后会自动下载所需要的文件

暴露完后的区别

image.png

可以见得, 多了config与scripts文件夹

config:

image.png

webpackDevServer: webpack-dev-server的配置

paths.js: 打包中需要的一些路径管理

webpack.config.js: 脚手架默认webpack打包规则的配置

scripts:

执行相关打包命令的入口文件

image.png

start.js: 执行npm start时的入口文件

其他同上

package.json:

dependencies:

将webpack打包所需要的文件全部下载了下来:

image.png

babel-preset-react-app: 对@babel/preset-env语法包的重写, 把es6转es5的, 重写目的是让与发包可以识别react的语法, 实现代码的转换

scripts也被修改

image.png

直接基于node执行对于的入口文件

eject命令没了, 暴露出来后无法还原回去了

其他

加了许多测试文件

image.png

babel

image.png