Tag Archives: webpack

Webpack DllPlugin and DllReferencePlugin

The Dll and DllReference plugins allow the code to be split in multiple bundles in a way the bundles can be compiled independently.

It is possible to build “vendor” scripts in a library that does not need to be compiled often (ex: React, jQuery, Bootstrap, Fontawesome…) and reference it in your app bundle that will need those scripts.

The application bundle, the one that is constantly going to be changed, will be in a separate configuration just referencing a already built “vendor” bundle.

For an example in a full project see https://github.com/brunolm/ts-react-redux-startup

Continue reading

Simple lightweight TypeScript 2.0 React Redux Babel Webpack project

I’m never satisfied with bootstraps out there, so I’m always creating some simple ones. Well this one is a bit more complex than the other ones I’ve built because of the complexity of React and Redux.

Check it out at brunolm/ts-react-redux-startup

I recently started using Workflowy (it is free), which is a website where you can create lists and it allows you to use as a brain dump. If you want to check it out you can use this link to get extra items https://workflowy.com/invite/35df8d82.lnx

On my Knowledge List I added things about Redux, Babel, Webpack and everything else…

Continue reading

Simple lightweight TypeScript 2.0 Babel Webpack project

I wanted to create a project using TypeScript + Babel. I knew I would have to setup a few things.

I choose to use Webpack because it has some dev tools, auto-reload. And it is nice to use loaders. But I couldn’t find any minimal simple examples, so I decided to create one.

brunolm/typescript-babel-webpack is a project with just the essential, nothing else. Simple and clean.

You can see that in this project there is a README.md where I tried to write all the steps I went through to create that setup and the issues I faced.

Continue reading

Simple lightweight Angular2 TypeScript Webpack project

I wanted to create a project using Angular2. I started to code it and I realized I would have to setup a few things.

I choose to use Webpack because it has some dev tools, auto-reload. It wasn’t so simple to set it up, their documentation didn’t help me much.

It was then that I decided I needed to make things simpler so I created brunolm/angular2-startup. It is a project with just the essential, nothing else. Simple and clean.

You can see that in this project there is a README.md where I tried to write all the steps I went through to create that setup and the issues I faced.

I recently started using Workflowy (it is free), which is a website where you can create lists and it allows you to use as a brain dump. If you want to check it out you can use this link to get extra items https://workflowy.com/invite/35df8d82.lnx

And I also added all the steps on my Workflowy and instructions on my Knowledge List.