码迷,mamicode.com
首页 > Web开发 > 详细

webpack安装

时间:2018-08-23 17:04:55      阅读:284      评论:0      收藏:0      [点我收藏+]

标签:author   http   window   成功   alt   src   depend   软件   依赖包   

webpack是当前前端最热门的前端资源模块化管理和打包工具。

安装webpack

首先要安装Node.jsNode.js自带了软件包管理工具npm,可以使用npm安装各种插件。Webpack至少需要

Node.js v0.6版本,直接安装最新版就好了。

1. nodeJs官网https://nodejs.org/en/,像安装其他软件一样,选择最新的包进行安装即可;

2. 安装完成后,window用户,按住 微软徽标+R ,打开运行,输入cmd,打开命令行;

3. 输入node -v,查看当前nodeJs版本

 

技术分享图片

* 看到这个版本号就表示安装成功了

4.输入npm install webpack -g (-g表示global全局安装)

技术分享图片

安装完成之后使用webpack -v查看是否安装成功

5.输入webpack -h ,可以进入webpack的帮助界面

C:\Users\...\npm\webpack 为全局webpack所在的文件夹路径;

技术分享图片

6.虽然已经全局安装了webpack ,但是我们通常还是会在项目中安装局部的webpack,为了安装各自需要的模块;

7.首先cd 到项目目录,可以鼠标将目标文件夹拖拽到命令窗口

8.如果没有packjson.json ,则使用npm init 命令创建,packjson.json用来展示依赖资源包的列表等信息,为了方便维护,最好创建此文件

Package.json 属性说明name- 包名。

version- 包的版本号。description- 包的描述。homepage- 包的官网 url 。author- 包的作者姓名。

contributors- 包的其他贡献者姓名。

dependencies- 依赖包列表。如果依赖包没有安装,npm 会自动将依赖包安装在 node_module 目录下。repository- 包代码存放的地方的类型,可以是 git 或 svn,git 可在 Github 上。

main- main 字段是一个模块ID,它是一个指向你程序的主要项目。就是说,如果你包的名字叫 express,然后用户安装它,然后require("express")。

keywords- 关键字

技术分享图片

* 除了name,其它无需必填enter即可

技术分享图片

9.接下来,局部安装webpack

输入命令:npm install webpack --save-dev

技术分享图片

 

10.如果你想安装指定版本的webpack ,输入命令npm install webpack@2.2.x --save-dev

11.如果需要使用 Webpack 开发工具,要单独安装: npm install webpack-dev-server --save-dev

技术分享图片

 *如果安装成功,是可以看到版本号的

 

webpack安装

标签:author   http   window   成功   alt   src   depend   软件   依赖包   

原文地址:https://www.cnblogs.com/1156063074hp/p/9524229.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!