Javascript 如何理解react router项目中的网页配置
我正在从这个链接学习react路由器动态路由。巨大的应用程序项目就是我正在研究的项目。我从中克隆了react路由器git repo,并按照说明进行设置。这里一切都很好。但我不理解examples目录下webpack配置中的一些配置部分 以下是网页包配置的输出: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
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"),
...
],