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

如何使用npm安装webpack

时间:2017-02-08 14:53:23      阅读:252      评论:0      收藏:0      [点我收藏+]

标签:nodejs   其他   图例   angular   lob   命令详解   解决   cal   开发   

     逛逛ReactJS, Angular2,vuejs的社区,大牛博客,知乎的时候看到的最多的可能就会有webpack,WebPack这个构建工具已经在社区中得到了广泛的认可,而Webpack已经成了React.js开发的标配,所以,我们有必要学习一下Webpack。

  所以我在网上看了大量前辈的blog,闲暇之余总结了一些使用的方法,由于技术有限可能会有些不足希望多多指教。

  首先webpack是什么,使用webpack是为了解决什么样的编程问题,官网上有这个问题的图例   https://webpack.github.io/

  我也在网上找了一些先辈们对此的观点和使用的说明

     http://deshui.wang/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/2016/07/20/fullstack-webpack-introduction

  介绍的很详细我在原博主的基础上补充一点首先使用npm安装webpack需要安装node 

  1、去Node.js官网http://www.nodejs.org/下载最新版Node.js。

  2、运行刚下载的文件node-v0.10.35-x64.msi(32位系统是node-v0.10.35-x86.msi),如同其他软件一样先勾选小方框然后递减“next”,在选择安装路径,默认路径是  C:Program Filesnodejs 。

  3.右击“开始”,选择“命令提示符(管理员模式) 输入 npm install webpack -g (等待完成安装 -g是全局安装)

 npm的包安装分为本地安装(local)、全局安装(global)两种

本地安装:
npm install xxx 安装到命令行所在目录的node_module目录。
全局安装:
npm install xxx -g 安装到 \AppData\Roaming\npm\node_modules目录

 

  nodejs全局安装和本地安装的区别

  npm常用命令详解

 

 

 

 

  

  

如何使用npm安装webpack

标签:nodejs   其他   图例   angular   lob   命令详解   解决   cal   开发   

原文地址:http://www.cnblogs.com/xiabuyanyu/p/6377870.html

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