webpack入门——webpack的安装

Posted ErduYang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack入门——webpack的安装相关的知识,希望对你有一定的参考价值。

在看webpack官方文档的主页的时候,看着看着就想放弃 ,英文读起来吃力,也不知道webpack到底是用来干什么的。在之前虽然从别人那里知道webpack是现在很流行的前端构建工具,只是一个概念而已,具体不知道到底是干嘛,怎么用等等。然而在扫了几眼主页的时候还是不知道他用了干嘛的,真的放弃过,后来还是想想硬着头皮看吧。在自己的努力下总算明白了一些,下面将自己从官网学到的记录下来。至于webpack是什么,慢慢跟着我来动手,你就能理解他是什么了。

这篇文章的以下内容来自官方文档(不是直译,也有自己的内容):  http://webpack.github.io/docs/installation.html

 

webpack 是基于nodejs的,使用nodejs的包管理工具npm来安装的。

webpack安装
使用以下命令安装webpack:
npm install webpack -g

通过以上命令全局安装了webpack,webpack命令可以使用了。

在项目中使用webpack
用npm增加一个package.json配置文件
npm init
安装webpack插件并将webpack配置到package.json文件中
npm install webpack --save-dev
 

这篇文章就到这里,接着看看webpack是怎么使用的。下篇文章  (二)webpack入门——webpack的使用

以上是关于webpack入门——webpack的安装的主要内容,如果未能解决你的问题,请参考以下文章

Vue2+webpack+node 配置+入门+详解

关于webpack webpack-cli全局安装后找不到webpack命令的解决方案

Webpack 入门

Webpack 入门指南 - 1.安装

webpack入门笔记

webpack入门——webpack的安装