webpack入门——webpack的安装

Posted 2020-07-28 ErduYang

在看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的使用