webpack-stream - :tropical_drink: Run webpack through a stream interface

  •        12

Run webpack as a stream to conveniently integrate with gulp. The above will compile src/entry.js into assets with webpack into dist/ with the output filename of [hash].js (webpack generated hash of the build).

https://github.com/shama/webpack-stream

Dependencies:

chalk : ^2.3.0
fancy-log : ^1.3.2
lodash.clone : ^4.3.2
lodash.some : ^4.2.2
memory-fs : ^0.4.1
plugin-error : ^1.0.1
through : ^2.3.8
vinyl : ^2.1.0
webpack : ^3.4.1

Tags
Implementation
License
Platform

   




Related Projects

html-webpack-plugin - Simplifies creation of HTML files to serve your webpack bundles

  •    Javascript

This is a webpack plugin that simplifies creation of HTML files to serve your webpack bundles. This is especially useful for webpack bundles that include a hash in the filename which changes every compilation. You can either let the plugin generate an HTML file for you, supply your own template using lodash templates or use your own loader. The html-webpack-plugin works without configuration. It's a great addition to the ⚙️ webpack-config-plugins.

webpack-encore - A simple but powerful API for processing & compiling assets built around Webpack

  •    Javascript

Webpack Encore is a simpler way to integrate Webpack into your application. It wraps Webpack, giving you a clean & powerful API for bundling JavaScript modules, pre-processing CSS & JS and compiling and minifying assets. Encore gives you professional asset system that's a delight to use. Encore is inspired by Webpacker and Mix, but stays in the spirit of Webpack: using its features, concepts and naming conventions for a familiar feel. It aims to solve the most common Webpack use cases.

preload-webpack-plugin - A webpack plugin for injecting <link rel='preload|prefecth'> into HtmlWebpackPlugin pages, with async chunk support

  •    Javascript

A Webpack plugin for automatically wiring up asynchronous (and other types) of JavaScript chunks using <link rel='preload'>. This helps with lazy-loading. Note: This is an extension plugin for html-webpack-plugin - a plugin that simplifies the creation of HTML files to serve your webpack bundles.

html-webpack-template - a better default template for html-webpack-plugin

  •    HTML

This is a template for the webpack plugin html-webpack-plugin. It has a few extra features more than the default template which will hopefully make it less likely that you'll have to create your own index.html file in your webpack project. Templates for the html-webpack-plugin are implemented using underscore templates (previously, in 2.x, blueimp templates). You can write your own as well.

webpack-tricks - Tips and tricks in using Webpack

  •    

Just a small catalog of Webpack tips and tricks I've learned. These tricks work with Webpack v3 unless otherwise specified.Invoke Webpack with -p for production builds. In Webpack 2, this also automatically sets process.env.NODE_ENV === 'production'.


webpack-hot-middleware - Webpack hot reloading you can attach to your own server

  •    Javascript

Webpack hot reloading using only webpack-dev-middleware. This allows you to add hot reloading into an existing server without webpack-dev-server. This module is only concerned with the mechanisms to connect a browser client to a webpack server & receive updates. It will subscribe to changes from the server and execute those changes using webpack's HMR API. Actually making your application capable of using hot reloading to make seamless changes is out of scope, and usually handled by another library.

write-file-webpack-plugin - Forces webpack-dev-server to write bundle files to the file system.

  •    Javascript

Forces webpack-dev-server program to write bundle files to the file system. This plugin has no effect when webpack program is used instead of webpack-dev-server.

django-webpack-loader - Transparently use webpack with django

  •    Python

Read http://owaislone.org/blog/webpack-plus-reactjs-and-django/ for a detailed step by step guide on setting up webpack with django using this library. Use webpack to generate your static bundles without django's staticfiles or opaque wrappers.

hard-source-webpack-plugin

  •    Javascript

HardSourceWebpackPlugin is a plugin for webpack to provide an intermediate caching step for modules. In order to see results, you'll need to run webpack twice with this plugin: the first build will take the normal amount of time. The second build will be signficantly faster. Install with npm install --save hard-source-webpack-plugin or yarn. And include the plugin in your webpack's plugins configuration.

electron-webpack - Scripts and configurations to compile Electron applications using webpack

  •    TypeScript

Because setting up webpack in the electron environment shouldn't be difficult. Modern web development practices today require a lot of setup with things like webpack to bundle your code, babel for transpiling, eslint for linting, and so much more that the list just goes on. Unfortunately when creating electron applications, all of that setup just became much more difficult. The primary aim of electron-webpack is to eliminate all preliminary setup with one simple install so you can get back to developing your application.

grunt-webpack - integrate webpack into grunt build process

  •    Javascript

Use Webpack with Grunt. Install this grunt plugin next to your project's Gruntfile.js. You also need to install webpack yourself, this grunt plugin does not install webpack itself.

webpack-hot-middleware - Webpack hot reloading you can attach to your own server

  •    Javascript

Webpack hot reloading using only webpack-dev-middleware. This allows you to add hot reloading into an existing server without webpack-dev-server. This module is only concerned with the mechanisms to connect a browser client to a webpack server & receive updates. It will subscribe to changes from the server and execute those changes using webpack's HMR API. Actually making your application capable of using hot reloading to make seamless changes is out of scope, and usually handled by another library.

artsy-webpack-tour - Annotations on webpack source code in a pseudo-guided fashion.

  •    

Annotations on webpack source code in a pseudo-guided fashion. My goal as one of the maintainers for webpack is being able to help developers better understand how webpack works.

react-native-webpack-server - Build React Native apps with Webpack

  •    Javascript

react-native-webpack-server is a development server that leverages the Webpack Dev Server and the React Packager to enable building React Native JavaScript bundles with webpack. This allows you to use the existing webpack ecosystem when targeting React Native. This will start the server on port 8080.

parallel-webpack - Builds multi-config webpack projects in parallel

  •    Javascript

parallel-webpack allows you to run multiple webpack builds in parallel, spreading the work across your processors and thus helping to significantly speed up your build. For us at trivago it has reduced the build from 16 minutes to just 2 minutes - for 32 variants. That performance improvement naturally comes at the expense of utilizing all available CPU cores.You can choose whether to install parallel-webpack globally or locally. At trivago, we keep our build tools locally to the project so that we have full control over its versions.

webpack-cli - Webpack's Command Line Interface

  •    Javascript

Webpack CLI encapsulates all code related to CLI handling. It captures options and sends them to webpack compiler. You can also find functionality for initializing a project and migrating between versions. For the time being, it is backwards-compatible with the CLI included in webpack itself.The migrate feature eases the transition from version 1 to version 2. migrate also allows users to switch to the new version of webpack without having to extensively refactor.

webpack-dev-middleware - A development middleware for webpack

  •    Javascript

An express-style development middleware for use with webpack bundles and allows for serving of the files emitted from webpack. This should be used for development only.Note: We do not recommend installing this module globally.

webpack-blocks - 📦 Configure webpack using functional feature blocks.

  •    Javascript

Functional building blocks for your webpack config: easier way to configure webpack and to share configuration between projects.Ready to use blocks to configure popular tools like Babel, PostCSS, Sass, TypeScript, etc., as well as best practices like extracting CSS — all with just one line of configuration.

dive-into-webpack - 全面的Webpack教程《深入浅出Webpack》电子书

  •    HTML

全面的Webpack教程《深入浅出Webpack》电子书

page-skeleton-webpack-plugin - Webpack plugin to generate the skeleton page automatically

  •    Javascript

Page Skeleton is a webpack plugin.The purpose of the plugin is to generate the corresponding skeleton screen page according to different route pages in your project, and to pack the skeleton screen page into the corresponding static route page through webpack. All examples are in the examples folder.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.