美文网首页
webpack配置

webpack配置

作者: Gerhard_杨光辉 | 来源:发表于2018-04-25 21:33 被阅读8次

    在安装完nodejs之后,我全局安装了webpack发现在命令行执行 webpack 提示错误,搜了一下,这里了如下的要点

    关键在于没有添加NODE_PATH环境变量

    1,安装nodejs这没什么好说的,msi的直接点下一步就行,绿色版添加nodejs.exe所在的路径到path环境变量。

       在cmd或powershell中执行node -v /npm -v 能出来版本号,就可以了。

    2,配置npm的全局模块的存放路径以及cache的路径,个人习惯将他们放在NodeJS的主目录下

        我们可以在cmd或powershell中键入通过这两行命令:

    npm config set prefix "D:\Program Files\nodejs\node_global"

    npm config set cache "D:\Program Files\nodejs\node_cache"

    来指定npm的全局模块的存放路径以及cache的路径

    3、进入我的电脑→属性→高级→环境变量。在系统变量下新建“NODE_PATH”,输入

    “D:\Program Files\nodejs\node_global\node_modules”

    完成之后再全局安装webpack,问题已经解决。

    国内由于网络原因安装用npm安装可能会有点慢 我们可以用下面的命令安装淘宝的仓库,速度会大大加快。

    npm install -g cnpm --registry=https://registry.npm.taobao.org

    安装了cnpm后就可以用cnpm代替npm安装各种包了,如

    cnpm install -g  webpack

    小提示:在个人学习的时候注意检查项目的名称不要是webpack,学习gulp的时候不要是gulp,不然会报错。

    相关文章

      网友评论

          本文标题:webpack配置

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