Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hebertsilva/node-sass-boilerplate
Boilerplate using node-sass, webpack and es6
https://github.com/hebertsilva/node-sass-boilerplate
babel boilerplate css es6 node-sass webpack yarn
Last synced: 2 months ago
JSON representation
Boilerplate using node-sass, webpack and es6
- Host: GitHub
- URL: https://github.com/hebertsilva/node-sass-boilerplate
- Owner: hebertsilva
- Created: 2017-01-09T13:20:21.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2017-05-23T20:37:41.000Z (over 7 years ago)
- Last Synced: 2024-10-02T03:23:25.396Z (3 months ago)
- Topics: babel, boilerplate, css, es6, node-sass, webpack, yarn
- Language: CSS
- Size: 71.3 KB
- Stars: 6
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# node-sass-boilerplate
[](https://travis-ci.org/hebertsilva/node-sass-boilerplate)
### Installing
```shell
# Before install you need to clone the repo.
git clone [email protected]:hebertsilva/node-sass-boilerplate.git
# Enter in folder
cd node-sass-boilerplate
# Install packages
npm install
```
or install package with yarn
If you do not have yarn installed go here **[yarn](https://yarnpkg.com/docs/install)**
```shell
yarn install
```
### Watching change
**Watching css**
```shell
npm run watch:css
```
**Watching sprite**
```shell
npm run watch:sprite
```
**Watching js**
```shell
npm run watch:js
```
**Watching all**
```shell
# watch:all watching css, sprite and js
npm run watch:all
```
### Building in production
**build css**
```shell
npm run build:css
```
**build sprite**
```shell
npm run build:sprite
```
**build js**
```shell
npm run build:js
```
**build all**
```shell
# build:all building css, sprite and js
npm run build:all
```
or watch and build with **yarn**
```shell
yarn watch:** #'css', 'sprite', 'js', 'all'
# or
yarn build:** #'css', 'sprite', 'js', 'all'
```
**identifying and reporting in ECMAScript/JavaScript code**
```shell
npm run lint
```
***Note***
To monitor files in save as replace in the **watch:css** in **package.json** by that line below using *onchage*
`"watch:css": "onchange \"sass/\" -- npm run sass",`