Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何理解react router项目中的网页配置_Javascript_Reactjs_Webpack_React Router - Fatal编程技术网

Javascript 如何理解react router项目中的网页配置

Javascript 如何理解react router项目中的网页配置,javascript,reactjs,webpack,react-router,Javascript,Reactjs,Webpack,React Router,我正在从这个链接学习react路由器动态路由。巨大的应用程序项目就是我正在研究的项目。我从中克隆了react路由器git repo,并按照说明进行设置。这里一切都很好。但我不理解examples目录下webpack配置中的一些配置部分 以下是网页包配置的输出: output: { path: __dirname + '/__build__', filename: '[name].js', chunkFilename: '[id].chunk.js', public

我正在从这个链接学习react路由器动态路由。巨大的应用程序项目就是我正在研究的项目。我从中克隆了react路由器git repo,并按照说明进行设置。这里一切都很好。但我不理解examples目录下webpack配置中的一些配置部分

以下是网页包配置的输出:

output: {
    path: __dirname + '/__build__',
    filename: '[name].js',
    chunkFilename: '[id].chunk.js',
    publicPath: '/__build__/'
  },
我可以看到,所有的输出文件都放在
/\uuuuuu build\uuuu
目录下。在巨大的apps/index.html文件中,我可以看到它加载javascript文件,如下所示:

<script src="/__build__/shared.js"></script>
<script src="/__build__/huge-apps.js"></script>


但是我在整个react router项目下找不到
\uuuuu build\uuuuu
目录。我也找不到
shraed.js
巨型apps.js
文件。我对webpack把这些文件放在哪里感到困惑。从inspect on浏览器中,我可以看到它从加载javascript文件。它们只在记忆中吗

React路由器示例用于处理对
\uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
资源的请求,该资源为内存中的文件提供服务

发件人:


如果您在开发模式下运行webpack,所有文件都会加载到内存中。要在中创建文件,您需要在webpack中添加“ExtractTextPlugin”插件

 output: {
    path: __dirname + '/__build__',
    filename: '[name].js',
    chunkFilename: '[id].chunk.js',
    publicPath: '/__build__/
  },

  plugins: [
     ....
    new ExtractTextPlugin("[name].css"),
   ...
  ],

有没有办法将其配置为从dist而不是内存加载js?您可以从
examples
文件夹中调用
webpack
,以编译应用程序,然后修改
server.js
以使用
/\uu build\uuuuu
路径为URL提供静态内容(类似于
app.use(“/\uu build\uuu”),express.static(“/”构建“/”)
,但我还没有测试出来)。
 output: {
    path: __dirname + '/__build__',
    filename: '[name].js',
    chunkFilename: '[id].chunk.js',
    publicPath: '/__build__/
  },

  plugins: [
     ....
    new ExtractTextPlugin("[name].css"),
   ...
  ],