Question

我正在通过此链接https://github.com/ReactTraining/react-router/blob/master/docs/guides/DynamicRouting.md学习react-router动态路由。巨大的应用程序项目是我正在研究的项目。我从https://github.com/ReactTraining/react-router克隆了react-router git repo并按照说明进行设置。这里一切都很好。但我不了解examples目录下webpack配置中的某些配置部分。

以下是webpack配置的输出：

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

我可以看到所有输出文件都放在/__build__目录下。在huge-apps / index.html文件中，我可以看到它加载javascript文件如下：

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

但我无法在整个react-router项目下找到__build__目录。我也找不到shraed.js和huge-apps.js文件。我很困惑webpack把这些文件放在哪里。从浏览器上检查我可以看到它从http://localhost:8080/build/huge-apps.js加载javascript文件。他们只是在记忆中吗？

Answer 1

React Router示例使用webpackDevMiddleware来处理对"$..contacts[?(@.contactType == 'S')][0].name"资源的请求，这些资源从内存中提供文件。

来自server.js：

__build__

Answer 2

如果您正在运行webpack indevelopment mode，则所有文件都会加载到内存中。创建文件需要添加＆＃34; ExtractTextPlugin ＆＃34; webpack中的插件

max-height

如何理解react-router项目中的webpack配置

2 个答案: