Last active
November 27, 2018 14:19
-
-
Save Art2B/afc7cb42466c2885e07ed42770817173 to your computer and use it in GitHub Desktop.
Npm build scripts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "ignoreFiles": ["**_variables.scss"], | |
| "plugins": [ | |
| "stylelint-order" | |
| ], | |
| "rules": { | |
| "order/order": [ | |
| [ | |
| "dollar-variables", | |
| { | |
| "type": "at-rule", | |
| "name": "extend" | |
| }, | |
| "declarations", | |
| "at-rules", | |
| "rules" | |
| ], | |
| { | |
| "unspecified": "bottom" | |
| } | |
| ], | |
| "order/properties-order": [ | |
| [ | |
| { | |
| "properties": [ | |
| "content", | |
| "position", | |
| "top", | |
| "bottom", | |
| "left", | |
| "right", | |
| "z-index" | |
| ] | |
| }, | |
| { | |
| "properties": [ | |
| "display", | |
| "-webkit-flex", | |
| "-ms-flex", | |
| "flex", | |
| "-webkit-flex-grow", | |
| "flex-grow", | |
| "-webkit-flex-shrink", | |
| "flex-shrink", | |
| "-webkit-flex-basis", | |
| "flex-basis", | |
| "-webkit-flex-flow", | |
| "flex-flow", | |
| "-webkit-flex-direction", | |
| "-ms-flex-direction", | |
| "flex-direction", | |
| "-webkit-flex-wrap", | |
| "flex-wrap", | |
| "-webkit-justify-content", | |
| "justify-content", | |
| "-webkit-align-content", | |
| "align-content", | |
| "-webkit-align-items", | |
| "align-items", | |
| "-webkit-order", | |
| "-ms-flex-order", | |
| "order", | |
| "-webkit-align-self", | |
| "align-self", | |
| "float", | |
| "clear", | |
| "-webkit-box-sizing", | |
| "-moz-box-sizing", | |
| "box-sizing", | |
| "width", | |
| "min-width", | |
| "max-width", | |
| "height", | |
| "min-height", | |
| "max-height", | |
| "margin", | |
| "margin-top", | |
| "margin-right", | |
| "margin-bottom", | |
| "margin-left", | |
| "padding", | |
| "padding-top", | |
| "padding-right", | |
| "padding-bottom", | |
| "padding-left", | |
| "overflow", | |
| "-ms-overflow-x", | |
| "overflow-x", | |
| "-ms-overflow-y", | |
| "overflow-y", | |
| "-webkit-overflow-scrolling" | |
| ] | |
| }, | |
| { | |
| "properties": [ | |
| "font", | |
| "font-weight", | |
| "font-size", | |
| "font-family", | |
| "font-style", | |
| "font-variant", | |
| "font-size-adjust", | |
| "font-stretch", | |
| "font-effect", | |
| "font-emphasize", | |
| "font-emphasize-position", | |
| "font-emphasize-style", | |
| "font-smooth", | |
| "line-height", | |
| "color", | |
| "vertical-align", | |
| "text-align", | |
| "direction", | |
| "text-transform", | |
| "text-decoration", | |
| "-webkit-text-align-last", | |
| "-moz-text-align-last", | |
| "-ms-text-align-last", | |
| "text-align-last", | |
| "letter-spacing", | |
| "word-spacing", | |
| "white-space", | |
| "text-emphasis", | |
| "text-emphasis-color", | |
| "text-emphasis-style", | |
| "text-emphasis-position", | |
| "text-indent", | |
| "-ms-text-justify", | |
| "text-justify", | |
| "-ms-writing-mode", | |
| "text-outline", | |
| "text-wrap", | |
| "-ms-text-overflow", | |
| "text-overflow", | |
| "text-overflow-ellipsis", | |
| "text-overflow-mode", | |
| "text-orientation", | |
| "-ms-word-wrap", | |
| "word-wrap", | |
| "-ms-word-break", | |
| "word-break", | |
| "-moz-tab-size", | |
| "-o-tab-size", | |
| "tab-size", | |
| "-webkit-hyphens", | |
| "-moz-hyphens", | |
| "hyphens", | |
| "unicode-bidi", | |
| "columns", | |
| "column-count", | |
| "column-fill", | |
| "column-gap", | |
| "column-rule", | |
| "column-rule-color", | |
| "column-rule-style", | |
| "column-rule-width", | |
| "column-span", | |
| "column-width", | |
| "text-shadow", | |
| "page-break-after", | |
| "page-break-before", | |
| "page-break-inside" | |
| ] | |
| }, | |
| { | |
| "properties": [ | |
| "background", | |
| "background-color", | |
| "background-image", | |
| "background-repeat", | |
| "background-position", | |
| "-ms-background-position-x", | |
| "background-position-x", | |
| "-ms-background-position-y", | |
| "background-position-y", | |
| "-webkit-background-size", | |
| "-moz-background-size", | |
| "-o-background-size", | |
| "background-size", | |
| "-webkit-background-clip", | |
| "-moz-background-clip", | |
| "background-clip", | |
| "background-origin", | |
| "background-attachment", | |
| "box-decoration-break", | |
| "background-blend-mode", | |
| "border", | |
| "border-width", | |
| "border-style", | |
| "border-color", | |
| "border-top", | |
| "border-top-width", | |
| "border-top-style", | |
| "border-top-color", | |
| "border-right", | |
| "border-right-width", | |
| "border-right-style", | |
| "border-right-color", | |
| "border-bottom", | |
| "border-bottom-width", | |
| "border-bottom-style", | |
| "border-bottom-color", | |
| "border-left", | |
| "border-left-width", | |
| "border-left-style", | |
| "border-left-color", | |
| "-webkit-border-radius", | |
| "-moz-border-radius", | |
| "border-radius", | |
| "-webkit-border-top-left-radius", | |
| "-moz-border-radius-topleft", | |
| "border-top-left-radius", | |
| "-webkit-border-top-right-radius", | |
| "-moz-border-radius-topright", | |
| "border-top-right-radius", | |
| "-webkit-border-bottom-right-radius", | |
| "-moz-border-radius-bottomright", | |
| "border-bottom-right-radius", | |
| "-webkit-border-bottom-left-radius", | |
| "-moz-border-radius-bottomleft", | |
| "border-bottom-left-radius", | |
| "-webkit-border-image", | |
| "-moz-border-image", | |
| "-o-border-image", | |
| "border-image", | |
| "-webkit-border-image-source", | |
| "-moz-border-image-source", | |
| "-o-border-image-source", | |
| "border-image-source", | |
| "-webkit-border-image-slice", | |
| "-moz-border-image-slice", | |
| "-o-border-image-slice", | |
| "border-image-slice", | |
| "-webkit-border-image-width", | |
| "-moz-border-image-width", | |
| "-o-border-image-width", | |
| "border-image-width", | |
| "-webkit-border-image-outset", | |
| "-moz-border-image-outset", | |
| "-o-border-image-outset", | |
| "border-image-outset", | |
| "-webkit-border-image-repeat", | |
| "-moz-border-image-repeat", | |
| "-o-border-image-repeat", | |
| "border-image-repeat", | |
| "outline", | |
| "outline-width", | |
| "outline-style", | |
| "outline-color", | |
| "outline-offset", | |
| "-webkit-box-shadow", | |
| "-moz-box-shadow", | |
| "box-shadow", | |
| "-webkit-transform", | |
| "-moz-transform", | |
| "-ms-transform", | |
| "-o-transform", | |
| "transform", | |
| "-webkit-transform-origin", | |
| "-moz-transform-origin", | |
| "-ms-transform-origin", | |
| "-o-transform-origin", | |
| "transform-origin", | |
| "-webkit-backface-visibility", | |
| "-moz-backface-visibility", | |
| "backface-visibility", | |
| "-webkit-perspective", | |
| "-moz-perspective", | |
| "perspective", | |
| "-webkit-perspective-origin", | |
| "-moz-perspective-origin", | |
| "perspective-origin", | |
| "-webkit-transform-style", | |
| "-moz-transform-style", | |
| "transform-style", | |
| "visibility", | |
| "opacity", | |
| "-webkit-filter", | |
| "filter" | |
| ] | |
| }, | |
| { | |
| "properties": [ | |
| "-webkit-transition", | |
| "-moz-transition", | |
| "-ms-transition", | |
| "-o-transition", | |
| "transition", | |
| "-webkit-transition-delay", | |
| "-moz-transition-delay", | |
| "-ms-transition-delay", | |
| "-o-transition-delay", | |
| "transition-delay", | |
| "-webkit-transition-timing-function", | |
| "-moz-transition-timing-function", | |
| "-ms-transition-timing-function", | |
| "-o-transition-timing-function", | |
| "transition-timing-function", | |
| "-webkit-transition-duration", | |
| "-moz-transition-duration", | |
| "-ms-transition-duration", | |
| "-o-transition-duration", | |
| "transition-duration", | |
| "-webkit-transition-property", | |
| "-moz-transition-property", | |
| "-ms-transition-property", | |
| "-o-transition-property", | |
| "transition-property", | |
| "-webkit-animation", | |
| "-moz-animation", | |
| "-ms-animation", | |
| "-o-animation", | |
| "animation", | |
| "-webkit-animation-name", | |
| "-moz-animation-name", | |
| "-ms-animation-name", | |
| "-o-animation-name", | |
| "animation-name", | |
| "-webkit-animation-duration", | |
| "-moz-animation-duration", | |
| "-ms-animation-duration", | |
| "-o-animation-duration", | |
| "animation-duration", | |
| "-webkit-animation-play-state", | |
| "-moz-animation-play-state", | |
| "-ms-animation-play-state", | |
| "-o-animation-play-state", | |
| "animation-play-state", | |
| "-webkit-animation-timing-function", | |
| "-moz-animation-timing-function", | |
| "-ms-animation-timing-function", | |
| "-o-animation-timing-function", | |
| "animation-timing-function", | |
| "-webkit-animation-delay", | |
| "-moz-animation-delay", | |
| "-ms-animation-delay", | |
| "-o-animation-delay", | |
| "animation-delay", | |
| "-webkit-animation-iteration-count", | |
| "-moz-animation-iteration-count", | |
| "-ms-animation-iteration-count", | |
| "-o-animation-iteration-count", | |
| "animation-iteration-count", | |
| "-webkit-animation-direction", | |
| "-moz-animation-direction", | |
| "-ms-animation-direction", | |
| "-o-animation-direction", | |
| "animation-direction" | |
| ] | |
| } | |
| ], | |
| { | |
| "unspecified": "bottomAlphabetical" | |
| } | |
| ], | |
| "at-rule-empty-line-before": [ | |
| "always", | |
| { | |
| "except": [ | |
| "blockless-after-same-name-blockless", | |
| "first-nested" | |
| ], | |
| "ignore": ["after-comment", "blockless-after-blockless"], | |
| "ignoreAtRules": ["if", "else"] | |
| } | |
| ] | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "name": "YOUR MODULE HERE", | |
| "version": "1.0.0", | |
| "description": "MODULE DESCRIPTION", | |
| "scripts": { | |
| "build": "npm run build:js && npm run build:css", | |
| "prebuild:css": "npm run format:css", | |
| "build:css": "node-sass --source-map true --include-path ./node_modules $npm_package_config_styles_entry $npm_package_config_styles_output", | |
| "postbuild:css": "postcss --use autoprefixer --no-map.inline --autoprefixer.browsers 'IE 11, > 1%' $npm_package_config_styles_output -o $npm_package_config_styles_output", | |
| "prebuild:js": "npm run format:js", | |
| "build:js": "browserify $npm_package_config_scripts_entry -o $npm_package_config_scripts_output", | |
| "format:js": "prettier --single-quote --trailing-comma=all --write $npm_package_config_scripts_format", | |
| "format:css": "stylefmt --recursive $npm_package_config_styles_format", | |
| "watch:js": "chokidar $npm_package_config_scripts_directory -c 'npm run build:js' --initial", | |
| "watch:css": "chokidar $npm_package_config_styles_directory -c 'npm run build:css' --initial", | |
| "start": "npm-run-all -p watch:*" | |
| }, | |
| "author": "AUTHOR HERE", | |
| "license": "MIT", | |
| "browserify": { | |
| "transform": [ | |
| [ | |
| "babelify", | |
| { | |
| "presets": [ | |
| "es2015", | |
| "stage-3" | |
| ] | |
| } | |
| ] | |
| ] | |
| }, | |
| "config": { | |
| "scripts": { | |
| "directory": "./js/", | |
| "entry": "./js/index.js", | |
| "output": "./build/bundle.js", | |
| "format": "./js/**/*.js" | |
| }, | |
| "styles": { | |
| "directory": "./sass/", | |
| "entry": "./sass/styles.scss", | |
| "output": "./build/styles.css", | |
| "format": "./sass/**/*.scss" | |
| } | |
| }, | |
| "pre-commit": [ | |
| "format:css", | |
| "format:js" | |
| ], | |
| "dependencies": { | |
| "catchify": "github:catchdigital/catchify#2.0.0", | |
| }, | |
| "devDependencies": { | |
| "autoprefixer": "^9.1.3", | |
| "browserify": "^16.2.2", | |
| "chokidar-cli": "^1.2.1", | |
| "node-sass": "^4.9.3", | |
| "npm-run-all": "^4.1.3", | |
| "postcss-cli": "^6.0.0", | |
| "prettier": "^1.14.2", | |
| "stylefmt": "^6.0.2", | |
| "stylelint": "^9.5.0", | |
| "stylelint-order": "^1.0.0" | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
🔥