關於windows下webpack不是內部命令以及nodejs的環境問題

引語 :作爲一個後端java,表示搞前端真的心塞。先是vue.js,到現在的npm打包。
關於winodws的nodejs安裝問題,我就不在這裏贅述了。 http://www.jianshu.com/p/03a76b2e7e00
今天就記錄一下,使用npm 打包時候遇到的一些問題
這是我的項目目錄:

安裝nodejs 分倆種情況,會導致環境配置有些許不同:
一、安裝到c盤,即默認安裝,那麼我們就去找到 c盤下的Program Files下的nodejs </br>
       使用命令 npm install webpack -g 全局安裝 我們會在nodejs下的node_modules下生成一個.bin文件夾,那麼我們就將 </br>
       " C:\Program Files\nodejs\node_modeles\.bin " 配到用戶變量的path裏 </br>
      也可以添加(用戶變量) NODE_PATH:C:\Program Files\nodejs\node_modeles\.bin  跟path裏的保持一致。</br>
      然後回到 nodejs文件下 輸入webpack -v 就會輸出 webpack的版本。 親測有效。</br>

二、 安裝到非C盤裏,我在這裏D盤爲例
1.安裝好nodejs之後配置 prefix 與 cache ,在nodejs下新建倆個包 node_global 和 node_cache</br>
2.在系統變量配置環境  在系統變量中編輯path 新建 NODE_PATH

同上,全局安裝一個webpack module,然後,node_golbal文件下會生成一個node_modules文件下,該文件夾下存放安裝好的module

那麼關鍵的來了,以上一切準備就緒之後,請看下圖
將該路徑 配到用戶變量的path中,
D:\nodejs\node_global   即爲webpack.cmd所在的目錄,


這樣全局安裝webpack 就搞定了。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章