init frontend project

gistfile1.txt

yarn init -y
yarn add normalize-scss
yarn add --dev stylelint stylelint-config-sass-guidelines stylelint-config-prettier stylelint-prettier prettier
yarn add --dev husky lint-staged



.stylelintrc.json

{
    "plugins": [
        "stylelint-prettier"
    ],
    "extends": [
        "stylelint-config-sass-guidelines",
        "stylelint-config-prettier",
        "stylelint-prettier/recommended"
    ]
}


package.json

  "scripts": {
    "lint": "stylelint \"**/*.scss\" --config .stylelintrc.json",
    "lint:fix": "yarn lint --fix"
  },
  "lint-staged": {
    "*.scss": "yarn lint:fix"
  }
  
  
  

-------------------
HUSKY > v4

npx husky-init
yarn
npx husky add .husky/pre-commit 'npx lint-staged'

----------------------------------



yarn add --dev sass

build.js

const Fs = require('fs');
const Path = require('path');
const Sass = require('sass');

const result = Sass.renderSync({
    data: Fs.readFileSync(
        Path.resolve('src/global.scss')
    ).toString(),
    outputStyle: 'expanded',
    outFile: 'global.css',
    includePaths: [Path.resolve('src')]
})


console.log(result.css.toString());


yarn add --dev react @types/react typescript
yarn add ---dev rollup rollup-plugin-typescript2