带有Webpack的resolve.root选项的同构React

Leo Jiang

我的React应用程序使用require相对于使用Webpack的JS文件的根目录resolve.root即我的文件结构包含以下内容:

components
  App.react.js
containers
  AppContainer.react.js

在AppContainer.react.js中,我有:

import App from 'components/App.react';

这适用于客户端。现在,我正在尝试使其同构。如果我在server.js中需要AppContainer.react.js,则说components/App.react找不到。节点正在尝试要求containers/components/App.react.js,这不存在。如何使Node相对于给定目录需要?

编辑:我的目录结构如下所示:

css/
html/
js/
  components/
    App.react.js
  containers/
    AppContainer.react.js
  main.js <- requires AppContainer
public/
server/
  server.js <- requires AppContainer
taylorc93

您可以使用https://github.com/halt-hammerzeit/universal-webpack这将使您保持相同的webpack配置(例如,resolve.root以及任何别名),此外还可以帮助您迈向服务器端渲染。用法文档提供了一个很好的示例,说明如何启动和运行它。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

带有KOA的React Router的同构React

没有通量的同构react.js

没有从同构获取数据(React/Phoenix)

带有React Uncaught参考错误的WebPack

通过 Webpack 创建带有散列的供应商包并在同构应用程序中使用它

带有 Webpack 的 React-Bootstrap 无法从 react-starter-kit 工作

React(带有react-redux)缓存选项

React Router,404在重载时带有historyApiFallback在Webpack中为true

无法使用带有 webpack 的 [email protected] 组件加载静态图像

带有React-Bootstrap的Webpack,出现许多“未找到模块”错误

在 Webpack 配置中添加带有弹出的 create-react-app 项目的 Ant Design

React + TypeScript + WebPack中的一个问题,带有键入css-modules-loader

在react-select 2中显示带有选项的图像

onChange 中的选定选项,带有 react/redux

使用带有新 webpack 选项的 Aurelia CLI,我将如何添加对 aurelia-auth 的引用

在React应用中使用Webpack resolve.alias绝对导入

Webpack 2(测试版)尽管提供了带有React预设的Babel加载器,但仍无法处理JSX

通过SASS支持在带有Typescript,SASS和CSS模块的React组件库中搜索Webpack配置

带有sass-loader和resolve-url-loader的Webpack 4-找不到图像路径

带有选项的符号链接

带有选项问题的StringByReplacingOccurrencesOfString

带有前置选项的BufferTime

带有凉亭的用法webpack

带有Webpack 2的jQuery

带有Webpack的Antlr JavaScript

带有默认选项的python argparse选项

为什么没有gui选项以root身份打开程序?

Configuration.resolve具有未知属性“ root”

webpack & 在同构包中使用节点模块