- 关于文档
- 1. 概览
- 开始
- 2.1. 动机
- 2.2. webpack是什么
- 2.3. 安装
- 2.4. 用法
- 2.5. Require Modules
- 2.6. Vendor Modules
- 2.7. 使用 Loaders
- 2.8. 使用 Plugins
- 2.9. 工具
- 2.10. 故障处理
- 教程与例子
- 指南
- webpack with
- Lists
- Development
- 7.1. Changelog
- 7.2. Roadmap
- 7.3. Ideas
- 7.4. Contributing
- Published with GitBook
webpack doc
The short way
var webpack = require("webpack");
// returns a Compiler instance
webpack({
// configuration
}, function(err, stats) {
// ...
});
The long way
var webpack = require("webpack");
// returns a Compiler instance
var compiler = webpack({
// configuration
});
compiler.run(function(err, stats) {
// ...
});
// or
compiler.watch({ // watch options:
aggregateTimeout: 300, // wait so long for more changes
poll: true // use polling instead of native watchers
// pass a number to set the polling interval
}, function(err, stats) {
// ...
});
Compiler
An instance of Compiler
has the following methods
compiler.run(callback)
- Builds the bundle(s).
- callback(err, stats) - A function that will be called with the build is complete.
var watcher = compiler.watch(watchOptions, handler)
- Builds the bundle(s) then starts the watcher, which rebuilds bundles whenever their source files change. Returns a Watching
instance. Note: since this will automatically run an initial build, so you only need to run watch
(and not run
).
watchOptions
watchOptions.aggregateTimeout
- After a change the watcher waits that time (in milliseconds) for more changes. Default: 300.watchOptions.poll
- The watcher uses polling instead of native watchers.true
uses the default interval, a number specifies a interval in milliseconds. Default: undefined (automatic).
handler(err, stats)
- A function that will be called when a build has been completed, or an error or warning has occurred. (Note thathandler
is called multiple times. It even can occur thathandler
is called for the same bundle multiple times. In this cases webpack is not sure about changes and rebuilds.)
Watching
An instance of Watching
has the following method:
watcher.close(callback)
- stops the watcher.
callback
- A function that's called when the watcher has closed.
stats
The Stats
object exposes these methods:
stats.hasErrors()
Returns true
if there were errors while compiling.
stats.hasWarnings()
Returns true
if there were warnings while compiling.
stats.toJson(options)
Return information as json object
You can specify the information by the options
argument: (Boolean)
options.context
(string) context directory for request shortening
options.hash
add the hash of the compilation
options.version
add webpack version information
options.timings
add timing information
options.assets
add assets information
options.chunks
add chunk information
options.chunkModules
add built modules information to chunk information
options.modules
add built modules information
options.children
add children information
options.cached
add also information about cached (not built) modules
options.reasons
add information about the reasons why modules are included
options.source
add the source code of modules
options.errorDetails
add details to errors (like resolving log)
options.chunkOrigins
add the origins of chunks and chunk merging info
options.modulesSort
(string) sort the modules by that field
options.chunksSort
(string) sort the chunks by that field
options.assetsSort
(string) sort the assets by that field
In toJson
every flag defaults to true
(except chunkModules
). By default it's not sorted.
Here is an example of the resulting JSON.
Note: If you want to extract the asset name for generating the HTML page, use the
assetsByChunkName
property, which contains an object mappingchunkName
to asset name(s) (it's a string or an array of strings).
stats.toString(options)
Returns a formatted string of the result.
options
are the same as options
in toJson
.
options.colors
With console colors
error handling
to handle all errors and warnings with the node.js API you need to test err
, stats.errors
and stats.warnings
:
var webpack = require("webpack");
webpack({
// configuration
}, function(err, stats) {
if(err)
return handleFatalError(err);
var jsonStats = stats.toJson();
if(jsonStats.errors.length > 0)
return handleSoftErrors(jsonStats.errors);
if(jsonStats.warnings.length > 0)
handleWarnings(jsonStats.warnings);
successfullyCompiled();
});
compile to memory
var MemoryFS = require("memory-fs");
var webpack = require("webpack");
var fs = new MemoryFS();
var compiler = webpack({ ... });
compiler.outputFileSystem = fs;
compiler.run(function(err, stats) {
// ...
var fileContent = fs.readFileSync("...");
});