Webpack 是一个模块绑定器,主要目的是在浏览器上绑定 JavaScript 文件。

特性:

  • bundles CommonJs and AMD modules. (even combined)

  • can create a single bundle or multiple chunks loaded on demand, to reduce iNitial loading time.

  • dependencIEs are resolved during comPILation reducing the runtime size

  • loaders can preprocess files while compiling, i. e. coffee-script to javascript

示例代码:

// webpack is a module bundler
// This means webpack takes modules with dependencies
//   and emits static assets representing those modules.

// dependencies can be written in CommonJs
var commonjs = require("./commonjs");
// or in AMD
define(["amd-module", "../file"], Function(amdModule, file) {
    // while previous constructs are sync
    // this is async
    require(["big-module/big/file"], function(big) {
         // for async dependencies webpack splits
         //  your application into multiple "chunks".
         // This part of your application is
         //  loaded on demand (CODE Splitting)
        var stuff = require("../my/stuff");
        // "../my/stuff" is also loaded on demand
        //  because it's in the callback function
        //  of the AMD require
    });
});


require("coffee!./cup.coffee");
// "Loaders" can be used to preprocess files.
// They can be prefixed in the require call
//  or configured in the configuRATion.
require("./cup");
// This does the same when you add ".coffee" to the extensions
//  and configure the "coffee" loader for /\.coffee$/


function loadTemplate(name) {
    return require("./templates/" + name + ".JADE");
    // many Expressions are supported in require calls
    // a clever parser exTracts information and concludes
    //  that everyThing in "./templates" that matches
    //  /\.jade$/ should be included in the bundle, as it
    //  can be required.
}


// ... and you can combine everything
function loadTemplateAsync(name, callback) {
    require(["bundle?lazy!./templates/" + name + ".jade"], 
      function(templateBundle) {
        templateBundle(callback);
    });
}
Webpack 4.0.0 beta.0 发布,不再支持 Node.js 4
Webpack 是一个现代 JavaScript 应用程序的模块打包器 (module bundler) 。当 Webpack 处理应用程序时,它会递归地构建一个依赖关系图,其中包含应用程序需要的每个模块,然后将所有这些模块打包成少量的 bundle - 通常只有一个,由浏览器加载。Webpack 4.0.0 已发布首个 beta 测试版本,带来了大量新特性和

发布于 2018-01-25 03:27:29 | 202 次阅读

Webpack 3.6.0 发布,模块加载打包工具
Webpack 是一个现代 JavaScript 应用程序的模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图 (dependency graph) ,其中包含应用程序需要的每个模块,然后将所有这些模块打包成少量的 bundle - 通常只有一个,由浏览器加载。Webpack 3.6.0 更新内容:在 CLI 上使用文

发布于 2017-09-17 00:02:57 | 118 次阅读

Webpack 3.4.1 发布,模块加载打包工具
Webpack 是一个现代 JavaScript 应用程序的模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图 (dependency graph) ,其中包含应用程序需要的每个模块,然后将所有这些模块打包成少量的 bundle - 通常只有一个,由浏览器加载。Webpack 3.4.1 修复了在使用 DllReferenceP

发布于 2017-08-01 00:17:19 | 163 次阅读

Webpack 2.5.1 发布,模块加载打包工具
Webpack 是一款模块加载、打包工具,它能把各种资源,例如 JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。Webpack 2.5.1 是一个 bug 修复版本:Fix crash when error happens while watchingFix hoisting of exports下载地址:Source code (zip)Source code (tar.gz)

发布于 2017-05-10 02:48:41 | 110 次阅读

Webpack 2.3.3 发布,模块加载打包工具
Webpack 是一款模块加载、打包工具,它能把各种资源,例如 JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。Webpack 2.3.3 是一个小的 bug 修复版本:fix progress in multi compiler下载地址:Source code (zip)Source code (tar.gz)

发布于 2017-04-05 00:29:06 | 173 次阅读

Webpack 2.2.1 发布,模块加载打包工具
Webpack 2.2.1 发布了,Webpack 是一款模块加载、打包工具,它能把各种资源,例如 JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。更新内容:bug 修复:ident 不再是必要,但会自动选择一个当使用没有分号的嵌套对象时,DefinePlugin不再生成无效代码功能:现在提供 EnvironmentPlugin 的默

发布于 2017-02-03 00:31:12 | 125 次阅读

Webpack v2.2.0 发布,模块加载打包工具
Webpack v2.2.0 正式版发布了。本次发布的版本与最后发布的 RC 版相比,没有任何更改,只是更新了版本号。2.2.0-rc.7更新内容:Bug 修复:fix watch flag in config with multiple configshoist export * from correctly to prevent use before define bug优化:删除一些设置为默认值的属性如果要从 webpack 1 迁

发布于 2017-01-18 07:00:25 | 122 次阅读

Webpack v2.2.0-rc.7 发布,模块加载打包工具
Webpack v2.2.0-rc.7 发布了。Webpack 是一款模块加载、打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。更新内容:Bug 修复:fix watch flag in config with multiple configshoist export * from correctly to prevent use before define bug优化:删

发布于 2017-01-17 01:22:38 | 123 次阅读

Webpack 2.2.0 rc3 发布,模块加载打包工具
Webpack 2.2.0 rc3 发布了,Webpack 是一款模块加载、打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。更新内容:bug 修复fixes chunk loading in old IEsfixes error which prevented using arrow functions in require.ensure fixes bug when passing

发布于 2016-12-30 23:49:10 | 99 次阅读

Webpack 2.1.0 beta27 发布,正式版还会远吗
Webpack 2.1.0 beta27 发布了,这已经是 2.1 版本的第27个测试版。webpack 是一个模块绑定器,主要目的是在浏览器上绑定 JavaScript 文件。更新内容:fixed indexed access to imported namespace object i

发布于 2016-11-16 02:52:36 | 129 次阅读

Webpack 2.1.0 beta26 发布,正式版还会远吗?
Webpack 2.1.0 beta26 发布了,这已经是 2.1 版本的第26个测试版。webpack 是一个模块绑定器,主要目的是在浏览器上绑定 JavaScript 文件。更新内容:-loader 在解析装载器时不再自动添加不再支持 Nod

发布于 2016-11-16 00:19:02 | 166 次阅读

详解webpack 多入口配置
本篇内容主要为大家讲解的是详解webpack 多入口配置。感兴趣的同学可以参考学习下,具体内容如下:

发布于 2017-09-06 23:33:50 | 160 次阅读

Webpack执行命令参数详解
本篇内容主要为大家讲解的是Webpack执行命令参数详解。感兴趣的同学可以参考学习下,具体内容如下:

发布于 2017-09-05 08:43:24 | 174 次阅读

webpack打包后直接访问页面图片路径错误的解决方法
本篇内容主要为大家讲解的是webpack打包后直接访问页面图片路径错误的解决方法。感兴趣的同学可以参考学习下,具体内容如下:

发布于 2017-09-06 00:24:46 | 162 次阅读

webpack配置的最佳实践分享
本篇内容主要为大家讲解的是webpack配置的最佳实践分享。感兴趣的同学可以参考学习下,具体内容如下:

发布于 2017-06-01 03:18:08 | 151 次阅读

webpack在PC项目中的应用
本篇内容主要为大家提供的是webpack在PC项目中的应用。感兴趣的同学可以参考学习下,具体内容如下:

发布于 2016-03-23 04:46:14 | 193 次阅读

在Webpack中使用Code Splitting实现按需加载
本篇内容主要为大家提供的是在Webpack中使用Code Splitting实现按需加载。感兴趣的同学可以参考学习下,具体内容如下:

发布于 2016-03-08 05:04:54 | 227 次阅读

webpack使用优化
本篇内容主要为大家提供的是webpack使用优化。感兴趣的同学可以参考学习下,具体内容如下:

发布于 2016-01-15 14:37:02 | 716 次阅读

基于 Webpack 和 ES6 打造 JavaScript 类库
本篇内容主要为大家提供的是基于 Webpack 和 ES6 打造 JavaScript 类库。感兴趣的同学可以参考学习下,具体内容如下:

发布于 2016-01-15 14:28:27 | 233 次阅读

gulp + webpack 构建多页面前端项目
本篇内容为大家讲解的是gulp + webpack 构建多页面前端项目,感兴趣的同学参考学习下,本文内容如下:

发布于 2016-01-16 07:45:40 | 504 次阅读

Webpack基本使用
本篇内容为大家讲解的是前端webpack workflow(二)——Webpack基本使用,感兴趣的同学参考学习下,本文内容如下:

发布于 2016-01-15 03:57:03 | 661 次阅读

Webpack入门
本篇内容为大家讲解的是前端webpack workflow(一)——Webpack入门,感兴趣的同学参考学习下,本文内容如下:

发布于 2016-01-15 04:54:36 | 303 次阅读

如何开发一个 Webpack Loader ( 一 )
本篇内容主要为大家提供的是如何开发一个 Webpack Loader ( 一 )。感兴趣的同学可以参考学习下,具体内容如下:

发布于 2016-01-14 13:57:24 | 407 次阅读

webpack配置别名alias出现的错误匹配
本篇内容为大家讲解的是webpack配置别名alias出现的错误匹配,感兴趣的同学参考学习下,本文内容如下:

发布于 2016-01-12 05:59:00 | 241 次阅读

Webpack快速入门
本篇内容为大家讲解的是Webpack实战之Quick Start,感兴趣的同学参考学习下,本文内容如下:

发布于 2015-12-15 03:54:48 | 414 次阅读

一步步了解webpack
本篇内容为大家讲解的是一步步了解webpack,感兴趣的同学参考学习下,本文内容如下:

发布于 2015-12-15 11:26:30 | 189 次阅读

详解前端模块化工具-Webpack
本篇内容为大家讲解的是详解前端模块化工具-Webpack,感兴趣的同学参考学习下,本文内容如下:

发布于 2015-12-11 06:23:25 | 967 次阅读


Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务