jcr-webpack-static

Starter Kit para Frontends con el stack de HandleBars , SCSS , Babel , ITCSS , PostCSS , Autoprefixer y Webpack.

Usage no npm install needed!

<script type="module">
  import jcrWebpackStatic from 'https://cdn.skypack.dev/jcr-webpack-static';
</script>

README

📦 Webpack Boilerplate

Minimal Webpack 4 boilerplate with Babel, Sass, ESLint , ITCSS , Handlebars , EditorConfig.

Installation

npm i

Usage

Development server

npm start

Production build

npm run build

Dependencies

Webpack

webpack - Module and asset bundler.
webpack-cli - Command line interface for Webpack.
webpack-dev-server - Development server for Webpack.
cross-env - Cross platform configuration.

Babel

@babel/core - Transpile ES6+ to backwards compatible JavaScript.
@babel/plugin-proposal-class-properties - Use properties directly on a class.
@babel/preset-env - Smart defaults for Babel.
babel-eslint - Lint Babel code.
- eslint - ESLint.

Loaders

babel-loader - Transpile files with Babel and Webpack.
sass-loader - Load SCSS and compile to CSS.
- node-sass - Node Sass.
postcss-loader - Process CSS with PostCSS.
css-loader - Resolves CSS imports into JS.
eslint-loader - Use ESLint with Webpack.
file-loader - Copy files to build folder.

Plugins

clean-webpack-plugin - Remove/clean build folders.
copy-webpack-plugin - Copy files to build directory.
html-webpack-plugin - Generate HTML files from template.
mini-css-extract-plugin - Extract CSS into separate files.
terser-webpack-plugin - Minify JavaScript.

Author

Julio Cesar Rivera

License

This project is open source and available under the MIT License.