美文网首页
webpack 3 零基础入门教程 #2 - 安装

webpack 3 零基础入门教程 #2 - 安装

作者: 求知久久编程学院 | 来源:发表于2017-11-30 14:40 被阅读48次

    原文发表于: rails365

    1. 安装 nodejs

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

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

    https://nodejs.org/en/

    界面如下:

    image

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

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

    $ node -v
    

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

    v7.8.0
    

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

    2. 安装 webpack

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

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

    $ npm install -g webpack
    

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

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

    在终端上输入以下命令:

    webpack -v
    

    输出 webpack 的版本如下:

    3.6.0
    

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

    相关文章

      网友评论

          本文标题:webpack 3 零基础入门教程 #2 - 安装

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