今天配置webpack过程中遇到了诸多问题,尝试多个教程均以失败告终(主要是每个教程不停的试,最后搞得很混乱,哈哈哈。。。),因此将成功过程做个记录,有助于自己回顾,也希望能给配置失败的人一点参考。
webpack需要在安装了node的环境下进行,node安装百度教程一大把,这里就不再说了。
可在命令行输入node -v,npm -v检测环境是否配置成功。
安装好node环境后,在node安装目录下新建文件夹node_global和node_cache,如下

接下来就开始进行两个文件夹的环境变量配置:
打开命令行执行
npm config set prefix "node_global的路径,如D:\nodejs\node_global"
npm config set cache "node_cache的路径,如D:\nodejs\node_cache"
npm config list // 查看npm基本配置,如果webpack卸载了那这一步还要重做
计算机-属性-高级系统设置-环境变量
用户变量:Path-编辑-新建,将node_global的路径粘贴

系统变量:NODE_PATH-编辑,粘贴node_module路径

接下来以管理员身份运行命令行,安装webpack
npm install webpack@3 -g//最好指定3版本,因为安装4版本后面安装webpack CLI会报错
安装好后webpack -v检验是否成功,

本文记录了在已安装node环境下配置webpack的过程,包括创建node_global和node_cache文件夹,设置环境变量,并通过npm安装webpack及验证安装成功的详细步骤,旨在帮助遇到配置困难的读者。
3154

被折叠的 条评论
为什么被折叠?



