在学react时候找不到static/js/bundle.js

weixin_30247159

于 2018-07-10 17:11:00 发布

阅读量1.1k

点赞数

文章标签： javascript webpack json ViewUI

原文链接：http://www.cnblogs.com/binmengxue/p/9290188.html

版权

在学习React时遇到bundle.js缺失的问题，通过分析`npm run start`流程，发现启动服务实际运行的是`react-scripts start`。进一步探究发现，启动过程涉及`react-scripts`包中的`start.js`、`webpack.config.dev.js`和`paths.js`配置文件。通过这些配置文件的解析，找到了问题的解决方案。

摘要由CSDN通过智能技术生成

看如图上面bundle.js，我在项目中和配置文件中都没有找到这个JS文件，然后我就觉得很诧异，然后各种查找，终于找到一篇文章，在此记录一下

第一步：npm run start
我们一开始这么启动服务运行项目
打开你的my-app\package.json

"scripts": {
    "start": "react-scripts start",
      ...
  }

所以执行的是 react-scripts start
打开你的my-app\node_modules\react-scripts这个文件夹下的bin文件夹下的react-scripts.js文件

#!/usr/bin/env node
var spawn = require('cross-spawn');
var script = process.argv[2];
var args = process.argv.slice(3);
 
switch (script) {
case 'build':
case 'eject':
case 'start':
case 'test':
  var result = spawn.sync(
    'node',
    [require.resolve('../scripts/' + script)].concat(args),
  .......