Just a few steps to steps to get up and running with angular2 and webpack
- Copy all
js
files fromsamples
folder to your application root folder
cp -rf node_modules/ng2-webpack-config/samples/* . cp -rf node_modules/ng2-webpack-config/samples/.ng2-config.js .
- Copy
ts
and.d.ts
files to yourangular2
app root folder ('./src' for example)
cp -rf node_modules/ng2-webpack-config/samples/src/*.ts ./src
- Only 2 small steps left to get app and running:
- Open
.ng2-config.js
and update some fields if needed
moduleexports = // metadata title: pkgdescription baseUrl: '/' // angular2 root folder name src: 'src' // dist folder name dist: 'dist' // entry html file htmlIndexes: 'index.html' // karma bundle src spec: './spec-bundle.js' // webpack entry entry: polyfills: './src/polyfills.ts' vendor: './src/vendor.ts' main: './src/index.ts' // in most cases you don't need to change this line commonChunks: name: 'polyfills' 'vendor' // webpack alias (just in case) alias: {} // copy any additional files you need copy: from: 'src/favicon.ico' to: 'favicon.ico' ;
- Open
spec-bundle.js
and updatePATH_TO_FILES
const
Now how to run it
- Webpack dev build, run:
$ webpack
- Webpack prod build, run:
$ NODE_ENV=production webpack
- Karma tests, run:
$ karma start
- Protractor tests, run
$ protractor