webpack学习(一):webpack 介绍&安装&常用命令

时间:2022-05-08
本文章向大家介绍webpack学习(一):webpack 介绍&安装&常用命令,主要内容包括一、简单介绍、什么是Webpack、为什么使用Webpack、基本概念、基础应用、原理机制和需要注意的事项等,并结合实例形式分析了其使用技巧,希望通过本文能帮助到大家理解应用这部分内容。

一、简单介绍

什么是Webpack

webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理,它能有Grunt或Gulp所有基本功能。

他的目的就是把有依赖关系的各种文件打包成一系列的静态资源。

为什么使用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@3.5.5 --save-dev

//查看webpack版本信息
webpack --version

//查看webpack信息
npm info webpack

//安装loader并将该loader配置到package.json文件中
npm install {whatever}-loader  --save-dev