Preact Children Test

develop-original.sh

#!/usr/bin/env bash

OUT_FODLER="build"
SASS_OPTIONS="--output-style expanded --indent-type space --indent-width 4 --linefeed lf --precision 8"
SASS_FOLDERS="--output ${OUT_FODLER}/css src/scss"

rm -rf ${OUT_FODLER}
mkdir -p ${OUT_FODLER}/js

node-sass ${SASS_OPTIONS} ${SASS_FOLDERS}

cp src/index.html ${OUT_FODLER}

node-sass ${SASS_OPTIONS} --watch --recursive ${SASS_FOLDERS} & \
    watchify src/js/index.js  --transform [babelify] --verbose --debug --outfile ${OUT_FODLER}/js/index.js & \
    http-server ${OUT_FODLER} -d false

library-bablelrc

{
    "presets": ["latest", "stage-0"],
    "plugins": [
        ["transform-strict-mode"],
        [
            "transform-react-jsx", {
                "pragma": "h"
            }
        ]
    ]
}

library-package.json

{
    "name": "bob-components",
    "version": "1.0.0",
    "description": "Preact test components",
    "main": "src/js/index.js",
    "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1"
    },
    "author": "Bob",
    "license": "Apache-2.0",
    "dependencies": {
        "preact": "^6.0.2"
    },
    "devDependencies": {
        "babel-plugin-transform-react-jsx": "^6.8.0",
        "babel-plugin-transform-strict-mode": "^6.11.3",
        "babel-preset-latest": "^6.14.0",
        "babel-preset-stage-0": "^6.5.0",
        "babelify": "^7.3.0",
        "browserify": "^13.1.0"
    },
    "browserify": {
        "transform": [
            [
                "babelify", {
                    "presets": [
                        "latest",
                        "stage-0"
                    ],
                    "plugins": [
                        ["transform-strict-mode"],
                        [
                            "transform-react-jsx", {
                                "pragma": "h"
                            }
                        ]
                    ]
                }
            ]
        ]
    }
}