Webpack 提供了一系列的 API,用于配置、运行和优化打包过程。这些 API 可以帮助开发者更灵活地控制打包流程,定制化自己的构建工具。
webpack()
webpack()
是 webpack 的核心函数,用于创建一个 webpack 编译实例。通过调用这个函数,我们可以传入一个配置对象来配置 webpack 的行为。
const webpack = require('webpack'); const config = require('./webpack.config.js'); const compiler = webpack(config);
在上面的示例中,我们通过 webpack()
创建了一个 webpack 编译实例,并传入了一个配置对象。这个配置对象包含了 webpack 的各种配置选项,比如入口文件、输出文件等。
compiler.run()
compiler.run()
是 webpack 编译实例的一个方法,用于执行 webpack 的编译过程。当调用这个方法时,webpack 会根据配置对象中的设置进行打包操作。
-- -------------------- ---- ------- ------------------ ------ -- - -- ----- - ------------------- ------- - ---------------------------- ------- ---- ---- ---
在上面的示例中,我们调用了 compiler.run()
方法来执行 webpack 的编译过程。在编译完成后,会调用回调函数并传入编译的错误信息和统计数据。
compiler.watch()
compiler.watch()
是 webpack 编译实例的另一个方法,用于监听文件变化并实时重新编译。通过调用这个方法,我们可以实现热更新功能。
-- -------------------- ---- ------- ----- -------- - ---------------- ----------------- ---- -- ----- ------ -- - -- ----- - ------------------- ------- - ---------------------------- ------- ---- ---- ---
在上面的示例中,我们调用了 compiler.watch()
方法来监听文件变化并实时重新编译。通过设置 aggregateTimeout
参数,可以控制重新编译的延迟时间。
以上就是 webpack 的一些核心 API,通过这些 API,我们可以更加灵活地控制 webpack 的打包流程。接下来,我们将介绍更多 webpack 的配置选项和插件功能。