webpack-scss-js-starter-kit

    1.0.8 • Public • Published

    install size

    webpack-scss-js-starter-kit

    Simple foundation for your frontend project.

    Features:

    1. Loaders:

      css-loader
      node-sass
      sass-loader
      file-loader

    2. Plugins:

      mini-css-extract-plugin
      browser-sync-webpack-plugin

    Installation

    1. Go to your project directory
    2. git clone https://github.com/dmitriyakkerman/webpack-scss-js-starter-kit.git .
    3. Run npm install
    

    Configuration

    1. Create "src" folder.
    2. Create "scss" and "js" folders inside "src" folder.
    3. Create entry "main.scss" file inside "scss" folder and entry "main.js" file inside "js" folder.
    4. Import your fonts to entry "main.scss"(if needed).
    5. Do additional configuration or any changes you need for your development process in "webpack.config.js" file.

    Building

    npm run build 
    

    This will create output "dist" folder with separate "css" and "js" folders with "main.min.css" and "main.min.js" files inside and also "fonts" folder.

    Assets connection:

    Connect "main.min.css" and "main.min.js" to your project.

    Enjoy!

    Your project is now running on http://localhost:3000 by default (you can change your host in "proxy" property in webpack.config.js)

    Install

    npm i webpack-scss-js-starter-kit

    DownloadsWeekly Downloads

    10

    Version

    1.0.8

    License

    ISC

    Unpacked Size

    4.2 kB

    Total Files

    3

    Last publish

    Collaborators

    • dmitriyakkerman