首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

一、简单介绍

什么是Webpack

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

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

为什么使用Webpack

webpack 几大重要特点:

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

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

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

二、开始安装

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

代码语言:javascript
复制
//1.进入项目目录 npm init 创建package.json
  npm install webpack --save-dev

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

 三、常用命令

代码语言:javascript
复制
//安装指定版本
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   
下一篇
举报
领券