一、webpack是什? web开发中常

1、webpack是什?

web开发中常用到的静态能源首要有JavaScript、CSS、图片、Jade等公事,webpack上将静态财富文件称之为模块。
webpack是一个module
bundler(模块打包工具),其得以协作各样js书写规范,且能够拍卖模块间的注重关系,具有更强劲的js模块化的法力。Webpack对它们实行统
壹的管住以及包装发布,其官方主页用下边这张图来表达Webpack的成效

图片 1

2、为何选用 webpack?

  1. 对 CommonJS 、 英特尔 、ES陆的语法做了卓越

  2. 对js、css、图片等财富文件都帮衬打包

三.
串联式模块加载器以及插件机制,让其独具更好的油滑和扩大性,例如提供对CoffeeScript、ES六的支撑

  1. 有独立的配置文件webpack.config.js

  2. 能够将代码切割成区别的chunk,落成按需加载,下跌了开始化时间

  3. 支持 SourceUrls 和 SourceMaps,易于调试

  4. 负有强有力的Plugin接口,大多是当中插件,使用起来相比较灵敏

8.webpack 使用异步 IO 并拥有一体系缓存。那使得 webpack
相当的慢且在增量编写翻译上越发快

三、安装webpack与运作介绍

创办目录结构

图片 2

4、引入webpack依赖

npm install webpack -g//全局安装webpack

五、创立布局文件

在档次根目录创制四个或三个webpack配置文件

(一)webpack.base.config.js //公用的陈设放在那在那之中(可因此插件继承)

(2)webpack.develop.config.js //开发环境中用到的配备文件

(三)webpack.publish.config.js //生产环境中用到的安顿文件

陆、修改配置文件

瞩目:开发条件的布署和生产环境的安顿是不平等的,具体的布局内容请看以往章节的牵线