npm i -D prettier sass eslint eslint-config-prettier eslint-plugin-prettier webpack webpack-cli webpack-dev-server style-loader sass-loader file-loader css-loader clean-webpack-plugin html-webpack-plugin husky lint-staged

"main": "index.js"

"private": true

"scripts": {
"test": "eslint --ext .js src/",
"start": "webpack-dev-server --open",
"build": "webpack"

"husky": {
"hooks": {
"pre-commit": "lint-staged",
"pre-push": "npm test"
}
}

"lint-staged": {
"_.{js}": "eslint --fix",
"_.{js,css,scss,md,json}": "prettier --write",
"\*.js": "eslint --cache --fix"
}

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');

module.exports = {
entry: './src/index.js',
plugins: [
new CleanWebpackPlugin(),
new HtmlWebpackPlugin({
title: 'ENTER YOUR NAME HERE'
})
],
devServer: {
contentBase: './dist'
},

output: {
filename: 'main.js',
path: path.resolve(__dirname, 'dist')
},
module: {
rules: [
{
test: /\.s[ac]ss$/i,
        use: [
          // Creates `style` nodes from JS strings
          'style-loader',
          // Translates CSS into CommonJS
          'css-loader',
          // Compiles Sass to CSS
          'sass-loader',
          // Compiles Sass to CSS
          {
            loader: 'sass-loader',
            options: {
              // Prefer `dart-sass`
              implementation: require('sass')
            }
          }
        ]
      },
      {
        test: /\.(png|svg|jpg|gif)$/,
use: ['file-loader']
}
]
}
};

{
"singleQuote": true
}

module.exports = {
env: {
browser: true,
es6: true
},
plugins: ['prettier'],
extends: ['eslint:recommended', 'plugin:prettier/recommended'],
globals: {
Atomics: 'readonly',
SharedArrayBuffer: 'readonly'
},
parserOptions: {
ecmaVersion: 2018,
sourceType: 'module'
},
rules: {}
};