03 - 安装 - Webpack 官方文档翻译 Get Started

如果您觉得该文档对您有帮助,请打赏,五毛十毛均可。另外,转载请注明作者及出处。

node.js

首先要安装 node.js ,附带着也安装了包管理器 npm

Webpack

然后我们通过 npm 来安装 Webpack

$ npm install webpack -g

参数 -g 表示把 Webapck 安装在全局环境下,这样我们就可以直接在命令行调用 webpack 命令

在项目中使用 Webpack

一般情况下,我们最好不要让项目依赖全局环境,因此也可以把 Webpack 安装在项目中。

首先通过 npm 命令初始化一个项目

$ npm init

他会让你回答一些问题,如果你的项目不对外发布,这些问题不是很重要,默认即可。命令执行完毕后,他会在你的文件夹下生成一个 package.json 配置文件

接下来让我们在项目中安装 Webpack

$ npm install webpack --save-dev

你可以再次您查看你的 package.json 包配置文件,看看他发什么什么变化

版本

Webpack 有稳定版和 beta 版,一般情况下我们都使用稳定版。你也可以指定特定的版本号,如下:

$ npm install webpack@1.2.x --save-dev

服务端工具

如果你想使用服务端工具,可以安装 webpack-dev-server

$ npm install webpack-dev-server --save-dev
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,243评论 7 35
  • 最近在学习 Webpack,网上大多数入门教程都是基于 Webpack 1.x 版本的,我学习 Webpack 的...
    My_Oh_My阅读 8,215评论 40 247
  • 前言 众所周知目前比较火的工具就是gulp和webpack,但webpack和gulp却有所不同,本人两者的底层研...
    cduyzh阅读 1,392评论 0 13
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 5,330评论 4 31
  • 前两天,闺密芳找我吐槽,说是为宝宝发烧吃药的事,跟公婆意见相左。事情是这样的: 烈日炎炎,唯水是命。芳的女儿上的幼...
    陈千寻阅读 1,420评论 1 3