Gist 11442448

100%

✓ Published0🌍 Public

Last edited May 1, 2014

Created on May 1, 2014

This example shows a Gruntfile configuration that automates JavaScript build tasks using webpack, JSHint, and Mocha. It defines a webpack task with entry point `src/entry.js`, outputting a UMD bundle named `WithGrunt` to `lib/bundle.js`, and includes module resolution for `node_modules` and `bower_components`. The configuration also sets up JSHint linting for source and test files, a Mocha test runner with a spec reporter, and a watch task for continuous linting and testing. The default task chains these steps together, demonstrating a complete build pipeline for a modular JavaScript project.

AI-generated description

Similar vizzes

Loading thumbnail…

gulp for es6 -> all-browser-friendly

This example demonstrates a Gulp workflow that compiles ES6 JavaScript into browser-compatible ES5 code. It uses `gulp.src` to read input files from the `dev` directory, then applies `gulp-sourcemaps` initialization, `gulp-plumber` for error handling, and `gulp-babel` with the `es2015` preset to transpile the code. The processed files are concatenated into `bundle.min.js`, with sourcemaps written, and output to the project root via `gulp.dest`. The task depends on a prior `clean:js` task to remove old builds.

Aamazingandyyy

67% match

Loading thumbnail…

webpack configuration for webpack-es6-boilerplate

This example shows a minimal webpack configuration for the webpack-es6-boilerplate, defining how JavaScript source files are bundled. It sets the entry point to `babel-polyfill` and `./app/index.js`, outputs a single `bundle.js` to a `build` directory, and uses `babel-loader` to transpile `.js` files while excluding `node_modules`. The configuration also includes a development server on port 3000 serving from `./build` with inline mode enabled. The code directly references the webpack API, including `module.exports`, the `entry`, `output`, `module.loaders`, and `devServer` properties.

115Dkatz

65% match

Loading thumbnail…

bundle/index.html for webpack-es6-boilerplate

This example shows a minimal webpack setup for an ES6 project, producing a single-page HTML document that loads a compiled JavaScript bundle. The page contains no visible content or user interface, only an empty body with a script tag referencing `bundle.js`. The code demonstrates the entry-point plumbing of a webpack-built application, where the frontend relies entirely on the bundled output for any rendering or behavior. The files include the `index.html` shell and the webpack configuration source, indicating how a boilerplate project connects its build system to a basic HTML host page.

115Dkatz

65% match

Loading thumbnail…

gulp vet task to check jshint and and jscs

This example demonstrates a Gulp `vet` task that runs static code analysis on JavaScript files, checking style compliance with JSCS and syntax errors with JSHint. The task reads a configured file pattern via `gulp.src` and pipes the files through `$.jscs()` and `$.jshint()` using `gulp-load-plugins`. It optionally prints the file list when `yargs` verbose flag is set, reports errors through the `jshint-stylish` reporter, and fails the build on linting issues. The gulpfile uses `gulp-util` for colored logging.

Aakmalmuqeeth

65% match

Loading thumbnail…

Backbone deps test

This example demonstrates how Backbone and Zepto are bundled together using webpack, showing a minimal module dependency setup. The code creates a new `Backbone.View` instance and logs it to the console, confirming that the libraries load correctly. The webpack configuration uses `exports-loader` to strip Zepto’s global `$` and `Zepto` objects, aliasing `jquery` to `zepto/zepto.min.js`. The `out.js` file is generated from `index.js` with source maps enabled, illustrating a basic dependency-resolution workflow.

Aakre54

64% match

Loading thumbnail…

Gist bae3b305134e90c96401e1f54a8c23e3

This example shows a serverless webpack configuration for deploying a Node.js application. It demonstrates how to bundle JavaScript code with the Serverless Webpack plugin, targeting AWS Lambda’s Node runtime. The configuration uses `serverless-webpack` to generate entry points, sets the build mode based on local development, and applies `webpack-node-externals` to exclude Node modules. It also ignores the `/opt` directory and outputs CommonJS2 bundles to the `.webpack` folder, with source maps for debugging.

Aandresmijares

64% match

Loading thumbnail…

Simple babel livereload

This example demonstrates a live-reloading development workflow for transpiling JavaScript and serving a web page. The gulpfile defines tasks to convert ES6 source files with Babel, bundle the resulting JavaScript with Browserify, and automatically refresh the browser via `gulp-livereload` whenever source files change. It also sets up a local HTTP server using the `st` library to serve static files on port 8080, integrating all these steps into a single default Gulp task. The visualization shows how build tools can be orchestrated for rapid iteration, but no actual data or graphical output is involved—the code is purely a build configuration.

MMcNull

64% match

Loading thumbnail…

Gist 7880143

This example demonstrates a minimal client-side build setup for a web application, showing how Less styles and browser JavaScript are compiled into static bundles. The code uses `catw` with `lessc` to transform `.less` files from `style/` into `static/bundle.css`, and `browserify` to bundle browser code from `browser/` into `static/bundle.js`. A watch mode via `watchify` and `catw` enables live recompilation during development, while a production build generates the final static assets. The example also illustrates npm script orchestration for both watch and build workflows.

Aalessioalex

63% match