webpack ---(1)

webpack介绍

  1. 代码拆分
  2. loader
    Webpack 本身只能处理原生的 JavaScript 模块,但是 loader 转换器可以将各种类型的资源转换成 JavaScript 模块。这样,任何资源都可以成为 Webpack 可以处理的模块。
  3. 只能解析
    webpack 有个只能解析器,可以处理几乎所有第三方库,无论它们的模块形式是 CommonJS、 AMD 还是普通的 JS 文件。甚至在加载依赖的时候,允许使用动态表达式 require("./templates/" + name + ".jade")。
  4. 插件系统
  5. 快速运行
    Webpack 使用异步 I/O 和多级缓存提高运行效率,这使得 Webpack 能够以令人难以置信的速度快速增量编译。

webpack安装

npm install webpack -g //全局安装
通常我们安装到自己项目本地

  1. 在打开的cmd中进入项目位置
  2. 通过 npm init 创建package.json文件
  3. 安装webpack
npm install webpack --save-dev
  1. 查看webpakc版本信息
npm info webpakc
可以看到输出类似以下的输出说明安装成功
name: 'webpack',
  description: 'Packs CommonJs/AMD modules for the browser....
  1. 要安装指定版本的webpack
npm install webpack@版本号 --save-dev

一般安装webpack 会安装webpack-dev-server webpack的服务器,可以通过本地端口调试程序

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 众所周知目前比较火的工具就是gulp和webpack,但webpack和gulp却有所不同,本人两者的底层研...
    cduyzh阅读 1,389评论 0 13
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 5,322评论 4 31
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,227评论 7 35
  • webpack 介绍 webpack 是什么 为什么引入新的打包工具 webpack 核心思想 webpack 安...
    yxsGert阅读 6,501评论 2 71
  • 今天,新的一周又开始了,周六周日两天休假飞快地过去了,休闲的感觉真好啊,我心情很放松,这两天我自主安排学习和玩的时...
    张轩赫阅读 207评论 0 5