GSQ is about simplicity, quick prototyping, creating something that can be easily shared while maintaining an agnostic stance on your favorite frameworks. Bundled in GSQ are a a few modern build tools and a couple npm
scripts.
For JS: Babel and Browserify (with the help of babelify) compile the code
For CSS: PostCSS with a few plugins to let you write future spec today: [ "postcss-import", "autoprefixer", "postcss-nesting", "postcss-custom-media", "postcss-css-variables", "postcss-css-variables", "postcss-discard-comments", "postcss-reporter" ]
$ git clone https://github.com/tbremer/gsq.git
$ cd gsq
$ rm -r .git && rm .gitignore
$ mv lib/package-template.json ./package.json
$ npm install
$ npm install --global gsq
$ cd path/to/project
$ gsq
-
test
: run eslint on your source files. -
build
: run all of the following files-
build:css
: run postcss compiler -
build:html
: copy allsrc/**/*.html
files intohtdocs/
-
build:js
: run thebrowserify
compiler.
-
-
watch
: run all of the following watches-
watch:css
: watchsrc/css/
for file changes, runnpm build:css
on file changes. -
watch:html
: watchsrc/**/*.html
for file changes, runnpm build:html
on file changes. -
watch:js
: watchsrc/js/
for file changes, runnpm build:js
on file changes.
-
-
watch:start
: runnpm run watch
as well asnpm start
. Watch all files and start browser-sync. -
start
: start browser-sync.