Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    front-end-builderpublic

    Front-end builder

    Not for all! (I use it for my projects)

    Create front-end-builder.config.js file in project root directory;

    This builder use only:

    • rmdir (delete folder recursive);
    • pug -> html (pretty, change extname);
    • pug -> js (concat, uglify);
    • stylus -> css (sourcemap, autoprefixer, concat, clean);
    • js (sourcemap, babel, iife, concat, uglify);
    • angularjs (templates, sourcemap, babel, iife, concat, uglify);
    • components
      • js (iife, concat, uglify);
      • css (concat, clean);
      • images (minify);
      • fonts;
      • other;
    • rename (soon)
      • js (uglify);
      • css (clean);
      • other;

    package.json scripts:

    insert into "scripts":

    ...
    "build": "node ./node_modules/front-end-builder production",
    "builder": "node ./node_modules/front-end-builder production listen",
    "build-dev": "node ./node_modules/front-end-builder development",
    "builder-dev": "node ./node_modules/front-end-builder development listen"
    ...
    

    use

    • build (production)
    npm run build
    
    • build and start listening changes (production)
    npm run builder
    
    • build (development)
    npm run build-dev
    
    • build and start listening changes (development)
    npm run builder-dev
    

    front-end-builder.config.js example

    example storage in module example directory

    install

    npm i front-end-builder

    Downloadsweekly downloads

    1

    version

    0.1.6

    license

    ISC

    homepage

    gitlab.com

    repository

    gitlab.com

    last publish

    collaborators

    • avatar