https://github.com/renaco/webpack-pug-scss-ts
Small workflow for develop basic project
https://github.com/renaco/webpack-pug-scss-ts
boilerplate pug scss typescript
Last synced: 20 days ago
JSON representation
Small workflow for develop basic project
- Host: GitHub
- URL: https://github.com/renaco/webpack-pug-scss-ts
- Owner: renaco
- Created: 2018-05-17T23:35:31.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2024-08-28T17:52:50.000Z (9 months ago)
- Last Synced: 2025-04-03T07:51:17.941Z (about 1 month ago)
- Topics: boilerplate, pug, scss, typescript
- Language: JavaScript
- Homepage:
- Size: 372 KB
- Stars: 10
- Watchers: 4
- Forks: 4
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Webpack Pug SCSS TS Boilerplate
A webpack 4 boilerplate for building web apps.
## Features:
* [Pug](https://pugjs.org) as a template engine
* [SCSS](http://sass-lang.com) preprocessor for CSS
* [TS](https://www.typescriptlang.org/) language for application-scale JavaScript
* TS linting with [Eslint](https://eslint.org), extends [eslint-config-und](https://github.com/und-tech/eslint-config-und)
## Usage:
* Clone the repo `git clone https://github.com/renaco/webpack-pug-sass-ts.git`
* `cd webpack-pug-sass-ts`
* Run `yarn install` to fetch all the dependencies
* Run `yarn start` to start the [webpack-dev-server](https://github.com/webpack/webpack-dev-server) (`localhost:8080` will be opened automatically)
* Start developing
* When you are done, run `yarn run build` to get the prod version of your app
## To Do
In progress...
## Add ons
[For iframe purpose set into apache, nginx X-Frame-Options](https://stackoverflow.com/questions/27358966/how-to-set-x-frame-options-on-iframe)
[For client use this chrome complement](https://chrome.google.com/webstore/search/X-Frame-Options?hl=en-US)