generator-webpack-babel-postcss

Yeoman generator

Usage no npm install needed!

<script type="module">
  import generatorWebpackBabelPostcss from 'https://cdn.skypack.dev/generator-webpack-babel-postcss';
</script>

README

generator-u51-web

What is Yeoman?

Trick question. It's not a thing. It's this guy:

Getting Started

Create Project

mkdir myapp
cd myapp
yo webpack-babel-postcss

Generated Project

+-- myapp
    +-- config
        --- webpack.config.js
        --- webpack.dev.config.js
    +-- src
        +-- scripts
            --- index.js
        +-- index.html
    +-- node_modules
    +-- build *
        --- index.html *
        --- scripts/app.js *
    --- .editorconfig
    --- .eslintrc
    --- package.json
  • *: generated after running npm run build

Usage

  • npm run dev: start for development
  • npm run build: build dist version

Getting To Know Yeoman

Yeoman has a heart of gold. He's a person with feelings and opinions, but he's very easy to work with. If you think he's too opinionated, he can be easily convinced.

If you'd like to get to know Yeoman better and meet some of his friends, Grunt and Bower, check out the complete Getting Started Guide.