如何使用npm安装webpack

Posted 2020-08-30 瑕不掩喻

     逛逛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目录。
 windows\\system32\\node_modules
 全局安装:
 npm install xxx  -g 安装到 \\AppData\\Roaming\\npm\\node_modules目录

 

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

　　npm常用命令详解