NodeJS webpack building in docker container

I read this about long-term caching and tried to implement this in my project, but the manifest file generates wrong links to assets when I'm trying to build it in docker container, but generation process works well. Dockerfile.web FROM node:8.2.1-...
more »

2017-08-13 07:08 (1) Answers

Webpack CSS Modules Not Loading New Code

I'm having a very weird issue where any new CSS files I create and import in my JS code do not get added to the output file. My webpack config is set up to bundle all CSS files required in my React components into one output file called styles.css. H...
more »

2017-08-09 22:08 (1) Answers

Merge react app with react native app

I want to put React app files in the React Native app. I used React Native Web to support React Native components in the React app. Last step I want to put all files from React App folder to React Native App folder. the difference is in Package.js...
more »

2017-08-08 08:08 (1) Answers

How to handle deploys with Webpack code splitting?

Here's an unexpected issue I've run into with Webpack code splitting in the wild: Imagine this scenario: The user loads a React app with Webpack code splitting and a few bundle chunks are loaded A deploy happens and the contents of any future chunk...
more »

2017-08-03 21:08 (2) Answers

webpack 2 expected '!' error using with import

I want to use this svg loader, https://github.com/jhamlet/svg-react-loader in the instruction I followed the usage, like import Logo from 'svg-react-loader?name=Logo!../images/logo.svg'; But I got error Line 3: Unexpected '!' in 'svg-react-...
more »

2017-08-01 18:08 (1) Answers

webpack and react recognise css class names

I have a React component that I am trying to import the css. import './Example.css'; class Example extends Component { return <div className="example-class">Example</div> } My file structure looks like this build -index.js src ...
more »

2017-08-01 11:08 (2) Answers

Webpack bundle.js content

I start learning webpack , node , and react and I am bit confused about some basic staff. Does webpack bundle whole react.js + my javascript files into one output file, so when deploying to production I don't need to install node packages used in pr...
more »

2017-07-26 16:07 (2) Answers

How to publish a library of Vue.js components?

I am working on a project containing a Vuex module and an abstract components that users can extend from. I would love to publish this on NPM to clean up my codebase and pull this away from my project as a solid well tested module. I have specified...
more »

2017-07-25 11:07 (2) Answers

How to configure module.alias properly

I would like to use resolve.alias feature from webpack in my projects using React Starter Kit. For example: Instead this: import Component from '../../components/Component I would like to use import Component from 'components/Component I've a...
more »

2017-07-24 23:07 (2) Answers

Clear cache after user logged in

I have a React app. In my index.html file, I have <script src='initial.js'></script> and it is not the main reactjs file. It is just a simple js file that checks cookie to detect a user logged in or not. If a user has logged in, load main...
more »

2017-07-18 05:07 (1) Answers

Webpack loading SVG with white border

I have an SVG that I'm loading via file-loader, pointing to the path in my .scss file and for some odd reason it's got a white border. If I set a css boarder, it gets set outside of the white. I inspected the file to make sure it has no white backg...
more »

2017-07-11 22:07 (2) Answers

Babel throws a syntax error on arrow function

I'm trying to adapt this code for a small project with React, but I'm having trouble, and I don't know how to fix this, because I don't know if this is the original code or my Babel that's buggy (like, missing a library or something), or if I can't b...
more »

2017-07-09 16:07 (1) Answers