/aurelia-webpack-css

A version of the aurelia-skeleton-navigation compiled with Webpack utilizing PostCSS, CSSnext, and CSS Modules

Primary LanguageJavaScript

aurelia-webpack-css

A version of the aurelia-skeleton-navigation compiled with Webpack utilizing CSS Modules, PostCSS, cssnext, and aurelia-auth.

Getting Started

Before you start, make sure you have a working NodeJS environment, preferably with NPM 3.

From the project folder, execute the following command:

npm install

This will install all required dependencies, including a local version of Webpack that is going to build and bundle the app. There is no need to install Webpack globally.

To run the app execute the following command:

npm run dev

This command starts the Webpack development server that serves the built bundles. You can now browse the skeleton app at http://localhost:3000. Changes in the code will automatically build and reload the app.

Note: when using NPM 2.x, you might encounter a run-time error like '_aureliaPal.DOM.injectStyles is not a function'. To work around this issue, execute the command npm dedupe.

Bundling

To build a development bundle (output to /build) execute:

npm run build

To build an optimized, minified production bundle (output to /dist) execute:

npm run prod

The production bundle includes all files that are required for deployment.