加载器列表
基础
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
to-string
: Executes code as a module, casts output to a string and exports it
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.
apply
: Executes a exported JavaScript function, optionally with arguments, and exports its return value.
callback
: Parses your JS, calls specified functions (which you implement in webpack context) and replaces them with the results.
source-map
: Extract sourceMappingURL
comments 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)
xml
: Loads XML as JSON.
svg-react
: Load SVG files as JSX-ified React.createClass declarations.
base64
: Loads file content as base64 string
ng-annotate
: A loader to annotate dependency injections in Angular.js
applications.
包
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.
shared-worker
: Like the worker loader, but for Shared Workers.
serviceworker
: Like the worker loader, but designed for Service Workers.
bundle
: Wraps request in a require.ensure
block (callback)
promise
: Wraps request in a require.ensure
block (promise)
async-module
: Same as bundle
, but provides a way to handle script loading errors. Wraps request in a require.ensure
block (callback, errback)
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 with file
or url
.
img
: Load and compress images with imagemin.
svgo-loader
: Compresses SVG images using svgo library
svg-sprite
: Like style-loader but for SVG: it creates a single SVG sprite from a set of images, appends it to DOM and returns relative symbol
url to be used with svg's <use>
.
baggage
: Automatically require any resources related to the required one
polymer-loader
: Process HTML & CSS with preprocessor of choice and require()
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
vue-loader
: Load single-file Vue.js components as modules, with loader-support for preprocessors.
tojson-loader
Serialize module exports as JSON. Cache generated static data as JSON at build time.
zip-it-loader
Convert files and directories to zip. Great with file
.
方言
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.
awesome-typescript-loader
: Loads TypeScript like JavaScript with watching support. Works with TypeScript 1.5-alfa
webpack-typescript
: Loads TypeScript like JavaScript. Supports watch mode and source maps. Works with TypeScript 1.5, 1.6, and nightly builds of TypeScript 1.7 and 1.8.
purs-loader
: Loads PureScript like JavaScript.
oj
: Loads OJ (an Objective-C like language) files and compiles them to plain JavaScript.
ulmus
: Loads Elm files and compiles them to plain JavaScript.
miel
: Loads Miel syntax and compiles to JavaScript.
wisp
: Loads Wisp modules and compiles them to 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
jade-react
: Uses jade templates for React rendering instead of JSX
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
yaml
: 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
nunjucks
: Precompiles nunjucks templates
soy
: Compiles Google Closure templates and returns the namespace with render functions
smarty
: Pre-compiles php smarty templates and returns a function
template-string
: Use ES6 template strings for html templates
ect
: Compile ectjs templates
式样
bootstrap-webpack
: Loads a configuration file for Twitter Bootstrap integration using Less. Allows complete customisation via Less.
font-awesome-webpack
: Loads a configuration file for Font Awesome integration using Less. Allows complete customisation via Less.
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)
fontgen
: Create your own webfont with proper CSS on-the-fly and include it into WebPack.
翻译
支持