dom-focus

Focus on front-end development.

Usage no npm install needed!

<script type="module">
  import domFocus from 'https://cdn.skypack.dev/dom-focus';
</script>

README

DOM Focus

Focus on front-end development.

Installation

  • Use command npm install --save-dev dom-focus

Commands

  • node node_modules/.bin/df-cli - Show command list.
  • node node_modules/.bin/df-cli init - Create dbconfig.js file.
  • node node_modules/.bin/df-cli pug - Compile pug files.
  • node node_modules/.bin/df-cli pug:watch - Compile pug files every changes of it.
  • node node_modules/.bin/df-cli sass - Compile sass files.
  • node node_modules/.bin/df-cli sass:watch - Compile sass files every changes of it.
  • node node_modules/.bin/df-cli js - Compile js files.
  • node node_modules/.bin/df-cli js:watch - Compile js files every changes of it.
  • node node_modules/.bin/df-cli build:views - Build view with minifying css and js files.
  • node node_modules/.bin/df-cli build:images - Optimize image files.
  • node node_modules/.bin/df-cli build:fonts - Flatten font files.
  • node node_modules/.bin/df-cli build - Run the commands in these order: unbuild, sass, scripts, [build:views, build:images, build:fonts].
  • node node_modules/.bin/df-cli unbuild - Remove output files(dist directory).
  • node node_modules/.bin/df-cli serve - Run the application.

Optional configuration

pug

  • notify - Show toast message every time the pug command completed. Default is false.
  • prettify - Prettify html output. Default is true.

sass

  • notify - Show toast message every time the sass command completed. Default is false.

js

  • uglify - Minify the javascript code. Default is true

build_views

  • notify - Show toast message every time the build:views command completed. Default is false.

build_images

  • notify - Show toast message every time the build:images command completed. Default is false.

build_fonts

  • notify - Show toast message every time the build:fonts command completed. Default is false.

Example

Checkout the example and test it in your local machine.

LICENSE

DOM Focus is released under the MIT License.