This is a simple boilerplate for static HTML pages with HTML, SCSS and ES2018 support.
- Webpack for bundling
- Babel for JS
- SCSS & PostCSS for styles
Clone the repository, and run yarn
inside of the project folder to install all dependencies.
Edit the HTML files in the views
folder.
Run yarn start
to fire up webpack-serve and BrowserSync for development.
Run yarn build
for development build, and yarn build:prod
for production build.
All references to files in stylesheets should be done relative to main.scss
.
Example:
background-image: url('../images/cat.jpg');
All references to files in thhe HTML files should be made relative to the root directory. All HTML files in views
are moved to the root directory during build.
Example:
<img src="/images/cat.jpg/">