Questions tagged [webpack-isomorphic-tools]

10 questions
7
votes
1 answer

Can't generate webpack-assets.json with webpack-isomorphic-tools

I'm trying to learn React and the whole environment built around it. I do that by trying to construct my own dev-stack. The problem I can't get across for a very long time is how to serve CSS/Images while not loosing a power of server…
Jan Vorcak
  • 19,261
  • 14
  • 54
  • 90
6
votes
0 answers

wepack-isomorphic-tools vs process.env.BROWSER

I've read about isomorphic app development and I've seen to methods to handle assets loading in server-side. One is webpack-isomorphic-tools. The other is this "hack" where you define a plugin in webpack which sets process.env.BROWSER to true, and…
3
votes
2 answers

"React attempted to reuse markup" error with webpack + code splitting

I've started implementing code splitting in an "universal" app (react-router, redux, webpack - largely based on https://github.com/erikras/react-redux-universal-hot-example). On the (only) route where code splitting is implemented, I am getting the…
3
votes
0 answers

Integrating with webpack-isomorphic-tools

I'm trying to develop a react isomorphic app, and i've recently came up with the webpack-isomorphic-tools npm package. I've tried to follow the documentation but unfortunately the images and style files doesn't get recognized, and not added to the…
Gershon Papi
  • 5,008
  • 3
  • 24
  • 50
2
votes
0 answers

Webpack module resolving only working for some directories

When trying to port a project from webpack-isomorphic-tools to universal-webpack I ran into a strange issue resolving module dependencies. It seems modules in node_modules, src/js and src/js/constants/* get resolved. But I get the infamous "cannot…
bbs
  • 1,874
  • 1
  • 17
  • 17
2
votes
1 answer

How to correctly configure React-Toolbox in an isomorphic web application without "asset not found" error

I am a beginner to webpack, node.js and basically to web development. I am using Redux/React/Isomorphic boilerplate . I am trying to use React-Toolbox for all the presentation components but not able to build/bundle (npm run dev) as it throws an…
1
vote
1 answer

can't import IMG_VAR from './images/name.jpg' with babel / React / Webpack

Background (possibly irrelevent): I have a large react project I'm changing gulp -> webpack. It's isomorphic so I'm using webpack-isomorphic-tools. So I have this line which no longer works: const CANDLE_JPG = require('./assets/candle.jpg'); which…
Kevin Danikowski
  • 4,620
  • 6
  • 41
  • 75
1
vote
1 answer

How to add universal support existing react project

I've created a react redux project, now how do I add some SEO functionalities to project? I do not want to waste much time while refactoring codes.
1
vote
1 answer

Rails 5 API only app serving assets

I am new to rails only as a backend. And I am planning to develop a react/redux/rails app. My question is how do I at least render an index.html when browser requests come in so that I can mount my react component? Or should I not to use rails only…
1
vote
2 answers

webpack-isomorphic-tools loads only blank square instead of image

I have a movies.js file, which has: images: { cover: require('assets/images/cover-bigbuckbunny.png') }, In the component i dynamically use it. Everything works fine. But when I make a build with webpack which finally looks like…
Peter Babukh
  • 352
  • 5
  • 18