This repository was archived by the owner on Mar 22, 2019. It is now read-only.
forked from webpack/docs
-
Notifications
You must be signed in to change notification settings - Fork 0
list of loaders
ScreenDriver edited this page May 21, 2015
·
179 revisions
-
json: Loads file as JSON -
hson: Loads HanSON file (JSON for Humans) as JSON object -
raw: Loads raw content of a file (as utf-8) -
val: Executes code as module and consider exports as JavaScript code -
imports: Imports stuff to the module -
exports: Exports stuff from the module -
expose: Expose exports from a module to the global context -
script: Executes a JavaScript file once in global context (like in script tag), requires are not parsed. -
legacy: Prevents scripts from extending the window object -
source-map: ExtractsourceMappingURLcomments from modules and offer it to webpack -
checksum: Computes the checksum of a file -
null: Emits an empty module. -
cowsay: Emits a module with a cowsay header. -
dsv: Loads csv/tsv files. -
glsl: Loads glsl files and support glsl-chunks. -
render-placement: Adds React.render to your component for you (not very practical in most cases)
-
file: Emits the file into the output folder and returns the (relative) url. -
url: The url loader works like the file loader, but can return a Data Url if the file is smaller than a limit. -
worker: The worker loader creates a WebWorker for the provided file. The bundling of dependencies of the Worker is transparent. -
serviceworker: Like the worker loader, but designed for Service Workers. -
bundle: Wraps request in arequire.ensureblock (callback) -
promise: Wraps request in arequire.ensureblock (promise) -
react-proxy: Code Splitting for react components. -
react-hot: Allows to live-edit React components while keeping them mounted and preserving their state. -
image: Compresses your images. Ideal to use together withfileorurl. -
img: Load and compress images with imagemin. -
svgo-loader: Compresses SVG images using svgo library -
baggage: Automatically require any resources related to the required one -
polymer-loader: Process HTML & CSS with preprocessor of choice andrequire()Web Components like first-class modules. -
uglify-loader: Uglify contents of a module. Unlike uglify plugin you can minify with mangling only your application files and not the libraries -
html-minify-loader: Minifies HTML using minimize
-
coffee: Loads coffee-script like JavaScript -
coffee-jsx: Loads coffee-script with JSX like JavaScript -
coffee-redux: Loads coffee-script like JavaScript -
json5: Like json, but not so strict. -
es6: Loads ES6 modules. (old) -
esnext: Transpile ES6 code using esnext. -
babel: Turn ES6 code into vanilla ES5 using Babel. -
regenerator: Use ES6 generators via Facebook's Regenerator module. -
livescript: Loads LiveScript like JavaScript -
sweetjs: Use sweetjs macros. -
traceur: Use future JavaScript features with Traceur. -
ts: Loads TypeScript like JavaScript. -
typescript: Loads TypeScript like JavaScript. -
typescript-simple-loader: Loads TypeScript with syntactic and semantic errors. -
awesome-typescript-loader: Loads TypeScript like JavaScript with watching support. Works with TypeScript 1.5-alfa -
purs-loader: Loads PureScript like JavaScript. -
oj: Loads OJ (an Objective-C like language) files and compiles them to plain JavaScript.
-
html: Exports HTML as string, require references to static resources. -
riot: Load RiotJS tags and convert them to javascript. -
jade: Loads jade template and returns a function -
jade-html: Loads jade template and returns generated HTML -
template-html: Loads any template with consolidate.js and returns generated HTML -
handlebars: Loads handlebars template and returns a function -
dust: Loads dust template and returns a function -
ractive: Pre-compiles Ractive templates for interactive DOM manipulation -
jsx: Transform jsx code for React to js code. -
react-templates: Loads react-template and returns a function -
em: Compiles Emblem to Handlebars.js -
ejs: Loads EJS (underscore( templating engine) template and returns a pre-compiled function -
mustache: Pre-compiles Mustache templates with Hogan.js and returns a function -
yml: Converts YAML to JSON -
markdown: Compiles Markdown to HTML -
remarkable: Compiles Markdown to HTML using the Remarkable parser -
markdown-it: Compiles Markdown to HTML using the markdown-it parser -
ng-cache: Puts HTML partials in the Angular's $templateCache -
ngtemplate: Bundles your AngularJS templates and Pre-loads the template cache. -
hamlc: Compiles haml-coffee templates (.hamlc) and returns a function. -
haml: Renders haml-coffee templates (.html.hamlc) and returns a string. -
jinja: Precompiles nunjucks and jinja2 templates -
soy: Compiles Google Closure templates and returns the namespace with render functions
-
bootstrap-sass: Loads a configuration file for Twitter Bootstrap integration using Sass. Allows complete customization via Sass. -
style: Add exports of a module as style to DOM -
css: Loads css file with resolved imports and returns css code -
less: Loads and compiles a less file -
sass: Loads and compiles a scss file -
stylus: Loads and compiles a stylus file -
rework: Post-process CSS with Rework and returns CSS code -
postcss: Post-process CSS with Autoprefixer and other PostCSS plugins -
autoprefixer: Add vendor prefixes to CSS rules using values from Can I Use -
namespace-css: Namespace your css with a given selector (for encapsulating all rules in one subset of your site)
-
po: Loads a PO gettext file and returns JSON -
format-message: Compiles translations to ICU Message Format strings informatMessagecalls
-
mocha: do tests with mocha in browser or node.js -
coverjs: PostLoader to code coverage with CoverJs -
istanbul-instrumenter: Istanbul postLoader to code coverage with karma-webpack and karma-coverage -
isparta-instrumenter: Isparta preLoader to code coverage with karma-webpack and douglasduteil/karma-coverage#next -
eslint: PreLoader for linting code using ESLint. -
jshint: PreLoader for linting code. -
jscs: PreLoader for style checking. -
injectable: Allow to inject dependencies into modules -
transform: Use browserify transforms as loader. -
image-size: Loads an image and returns its dimensions and type -
csslint: PreLoader for linting code using CSSLint -
coffeelint-loader: PreLoader for linting CoffeeScript.