npm install -g slush-webpack
Remember to install
gulp globally as well, if you haven't already:
npm install -g slush gulp
Create a new folder for your project:
Run the generator from within the new folder:
cd my-appslush webpack
You will now be prompted to give some information to scaffold your application.
The project structure will look like this:
my-app/ ├── .editorconfig ├── .gitignore # See "Gulpfile" below ├── karma.conf.js ├── package.json ├── README.md ├── webpack.config.js └── src # Source directory │ ├── assets # Assets to be imported and bundled with webpack │ │ └── .gitkeep │ ├── index.html # The index.html / app layout template │ └── main.js └── test # Test directory └── main.js # All files inside test .js are [tape](https://github.com/substack/tape) tests run with karma.
To start developing in your new generated project run:
npm run dev
Then head to
http://localhost:8080 in your browser.
dev tasks starts webpack-dev-server with hot module replacement enabled
To run tests run:
Production ready build - a.k.a. dist
To make the app ready for deploy to production run:
npm run build
Now you have a
./dist folder with all your scripts and stylesheets concatenated and minified.
To serve the app in production you can run the script:
Now you have a production server serving your app from the
./dist folder in port 5000.