https://github.com/maxpleaner/webpack_boiler
Webpack boiler with coffee/jsx/slim/es6/sass/gif loaders
https://github.com/maxpleaner/webpack_boiler
Last synced: 11 months ago
JSON representation
Webpack boiler with coffee/jsx/slim/es6/sass/gif loaders
- Host: GitHub
- URL: https://github.com/maxpleaner/webpack_boiler
- Owner: MaxPleaner
- Created: 2017-04-19T19:12:44.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2019-03-01T22:23:28.000Z (over 7 years ago)
- Last Synced: 2025-03-24T06:30:48.060Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 1.28 MB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
---
This provides a starting point for a webpack application.
---
It includes the following compilation setup:
1. .coffee files are run through a [coffeescript 2](http://coffeescript.org/v2/)
processor. Since it can output JSX and ES6, it's then fed through Babel loaders
to produce browser-suitable ES5.
2. .slim templates can be loaded into html strings via require.
To do so: `template_html = require 'html-loader!./page.slim'`.
This uses the [slim-loader](http://github.com/maxpleaner/slim-lang-loader) I authored.
3. .sass paths can be passed to `require` and they will be automatically
appended to the page
4. gifs can be manipulated and transformed to webm using the
[animation-loader](http://github.com/maxpleaner/animation-loader) I authored.
See that readme for more info.
**note** if using this some system dependencies are also needed.
Run `./install_system_deps.sh` in this case, to install ffmpeg and imagemagick
---
Getting started:
- the entry point is entry.coffee. This can be changed by editing `webpack.config.js`
- If changing the webpack.config.js file, the webpack.production.config.js should
also get the same changes so that the deployment build works correctly.
The files are identical to one another in this boiler.
---
To use:
1. clone
2. npm install
3. npm run dev
4. localhost:8080
---
to get ready for production
1. npm run deploy
2. push dist folder to a static host