美文网首页
2.webpack安装

2.webpack安装

作者: coffee1949 | 来源:发表于2019-08-03 08:33 被阅读0次

1. 安装 nodejs

要使用 webpack,必须确保电脑上存在着 nodejs 这个运行环境,所以,如果没有 nodejs,要先安装它。

在浏览器输入下面的网址:

https://nodejs.org/en/

界面如下:

image

下载安装包后,点击可执行文件,不断地按下一步,就可以安装成功。

最后打开命令行终端,输入以下命令。

$ node -v

复制代码

应该会显示所安装的 nodejs 的版本,比如我的:

v7.8.0

复制代码

这样就表示电脑上有 nodejs 的环境了。

2. 安装 webpack

下一步,就可以安装 webpack 了。

在命令行终端上输入以下命令:

npm install -g webpack@3.8.1

npm 是 nodejs 管理插件用的工具,install 表示安装,-g 表示全局安装,这样会把可执行文件 webpack 放到 bin 目录下,以后就可以直接运行 webpack 目录了。

我们来检测一下是否把 webpack 安装成功了。

在终端上输入以下命令:

webpack -v

输出 webpack 的版本如下:

3.8.1

值得一提的是,如果用国内的网络安装 npm 包会很慢的话,可以考虑用一下淘宝的源,具体可以看 https://npm.taobao.org/https://github.com/Pana/nrm

相关文章

  • ie11 fetch兼容

    1.安装兼容包: 2.webpack配置: 参考链接

  • Vue项目引入Svg-sprite-loader插件

    安装和配置 svg-sprite-loader: 1.安装 2.webpack配置 配置路径地址: build -...

  • 2.webpack安装

    1. 安装 nodejs 要使用 webpack,必须确保电脑上存在着 nodejs 这个运行环境,所以,如果没有...

  • webpack

    1.webpack的全局安装 $ npm install webpack -g 2.webpack的使用 eg.编...

  • webpack基本操作

    1.webpack能干嘛用? 2.webpack项目基本命令和作用 package.json 3.全局安装webp...

  • 2.webpack环境搭建

    1. 创建项目 1.1 初始化一个项目首先安装nodejs,打开 nodeJs官网 直接下载安装即可,安装完毕后打...

  • webpack 基础一 1002

    webpack 基础一 1.webpack开篇 2.webpack配置文件 2.1 js代码如下 2.2 配置文件...

  • vue 引入jquery

    1.下载 cnpm ijquery --save 2.webpack配置 在项目根目录下的build目录下找到we...

  • webpack简单使用

    一、webpack简介 1.webpack是什么 webpack项目打包工具,项目构建工具 2.webpack有什...

  • 2.webpack入门使用loader处理css

    2.webpack入门使用loader处理css 首先上代码 新建main.csswin创建文件命令 修改内容为 ...

网友评论

      本文标题:2.webpack安装

      本文链接:https://www.haomeiwen.com/subject/rcqbrctx.html