A complete, yet simple, starter for Angular v2+ using Webpack.
This seed repo serves as an Angular starter for anyone looking to get up and running with Angular and TypeScript fast. Using Webpack for building our files and assisting with boilerplate. We're also using Protractor for our end-to-end story and Karma for our unit tests.
Warning: Make sure you're using the latest version of Node.js and NPM
# clone our repo$ git clone https://github.com/preboot/angular-webpack.git my-app# change directory to your app$ cd my-app# install the dependencies with npm$ npm install# start the server$ npm start
go to http://localhost:8080 in your browser.
What you need to run this app:
v6.x.x+) and NPM (
npm installto install all dependencies
After you have installed all dependencies you can now start developing with:
It will start a local server using
webpack-dev-server which will watch, build (in-memory), and reload for you. The application can be checked at
As an alternative, you can work using Hot Module Replacement (HMR):
npm run start:hmr
And you are all set! You can now modify your components on the fly without having to reload the entire page.
npm run test-watch
npm run webdriver-start
npm run e2e
npm run e2e-live
To build your application, run:
npm run build
You can now go to
/dist and deploy that to your server!
You can generate api docs (using TypeDoc) for your code with the following:
npm run docs
It's simple, just install the lib via npm and import it in your code when you need it. Don't forget that you need to configure some external libs in the bootstrap of your application.
Just install the lib and import the css files in vendor.ts. For example this is how to do it with bootstrap:
npm install bootstrap@next --save
And in vendor.ts add the following:
To take full advantage of TypeScript with autocomplete you would have to use an editor with the correct TypeScript plugins.
We have good experience using these editors: