Nostalgic Pickled Mango

    @stevygee/master-builder

    0.6.0 • Public • Published

    Master Builder

    A reusable SCSS / JS builder

    heavily based on redaxo-mit-bimmelbam and just-build-it.

    Lego timelapse

    Requirements

    • Node 12

    Features

    • Understands JSX / React for WordPress blocks
    • PostCSS
    • Autoprefixer
    • CSS nano
    • Browserify
    • etc.

    Getting started

    1. Add scripts to your project's package.json:
      "scripts": {
        "start": "master-builder",
        "build": "master-builder build",
        "deploy": "master-builder deploy"
      },
    
    1. npm install @stevygee/master-builder --save-dev
    2. npm start

    Optional: Copy .master-builder, .browserslistrc, cssnano.config.js config files to your project and configure to your needs!

    Building for production

    1. npm run build

    Building for production and create a zip file

    1. npm run deploy
    2. Upload the zip file in dist/packages using WordPress (install theme/plugin).

    Development

    1. Checkout this repo
    2. npm install (make sure you are using npm v7)
    3. Instead of npm start, use node bin/index.js or node bin/index.js deploy to build the example files

    Development using your project

    How to add as a local dependency:

    1. Checkout this repo
    2. Change the dependency path in your project's package.json:
      "devDependencies": {
        ...
        "@stevygee/master-builder": "../master-builder"
      }
    
    1. In your project root: npm install @babel/core @babel/preset-env @babel/preset-react babel-preset-minify babelify tinyify

    Use npm install to continously update the package after you've made a change.

    Lego Batman

    Keywords

    none

    Install

    npm i @stevygee/master-builder

    DownloadsWeekly Downloads

    24

    Version

    0.6.0

    License

    MIT

    Unpacked Size

    24.7 kB

    Total Files

    23

    Last publish

    Collaborators

    • stevygee