一、简单介绍

什么是Webpack

Webpack是一款用户打包前端模块的工具，它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。

主要是用来打包在浏览器端使用的javascript的。同时也能转换、捆绑、打包其他的静态资源，包括css、image、font file、template等。

为什么使用Webpack

webpack 几大重要特点：

1.Webpack的处理速度更快更直接;

2.能打包更多不同类型的文件;

3.扩展性强，插件机制完善。

 

二、开始安装

首先要安装 Node.js， Node.js 自带了软件包管理器 npm，用npm 安装webpack。

//1.进入项目目录 npm init 创建package.json
  npm install webpack --save-dev

//2.安装webpack(以下两种任意选一种都行)

　//全局安装
　　npm install webpack -g 　　
　//安装到你的项目目录
　　npm install webpack –save-dev 

 

 三、常用命令

//安装指定版本
npm install webpack@3.5.5 --save-dev
//查看webpack版本信息
webpack --version
//查看webpack信息
npm info webpack
//安装loader并将该loader配置到package.json文件中
npm install {whatever}-loader  --save-dev   
//显示详细错误信息
webpack  --display-error-details  
// 自动监控文件的改变
webpack   --watch   

 

版权声明：本文为chaixiaozhi原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/chaixiaozhi/p/8535838.html