Giter VIP home page Giter VIP logo

docpad-plugin-webpack's Introduction

webpack Plugin for DocPad

Build Status NPM version Bitdeli Badge

DocPad plugin that allows bundling CommonJs/AMD/Labeled Modules for the browser using webpack.

Install

$ docpad install webpack

Usage

Reference the webpack documentation for a full understanding of webpack. The below is only an introduction to how to use it with DocPad:

Entry

The entry point to webpack defaults to src/entry.js, so create a file there:

console.write("It works.");

When building with DocPad, webpack will compile the bundles to out/bundle.js.

Second file

Create a file src/content.js with the following content:

module.exports = "It works from content.js.";

Modify entry.js to make use of it:

var content = require("./content.js");
console.log(content);

Rebuilding with DocPad will bundle both entry.js and content.js into the same out/bundle.js.

Configuration

The default configuration for this plugin is the equivalant of adding the following webpack options to your DocPad configuration file:

plugins:
  webpack:
    webpackOptions:
      entry: './entry.js'
      context: ''
      cache: false
      optimize:
        minimize: false
      output:
        path: ''
        filename: 'bundle.js'

History

You can discover the history inside the History.md file

Contributing

You can discover the contributing instructions inside the Contributing.md file

License

Licensed under the incredibly permissive MIT License
Copyright © 2013 Rob Loach

docpad-plugin-webpack's People

Contributors

robloach avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.