1. gzyueqian
      13352868059

      webpack安裝配置和打包問題

      更新時間: 2018-08-27 10:16:10來源: 嵌入式培訓瀏覽量:8274

      在安裝配置webpack的時候,我遇到的問題如下:

      已經全局、局部安裝了webpack,在命令行中輸入webpack -v也會顯示版本號,并且也按照網上的一些教程配置了環境變量,但是在打包文件的時候還是會報Cannot find module 'webpack'這個錯誤,下面是我解決這個問題的做法

      一、前提條件

      1、確保自己安裝的是Node.js版本,如果已經安裝過的話可以打開nodejs的官網,看這個位置

      嵌入式培訓

      然后點擊,重新下載

      2、win+R,搜索cmd,打開之后輸入:node -v,查看當前自己電腦上的版本,如果不是版,再輸入where node,找到自己當初安裝nodejs時的路徑,記住這個路徑

      3、安裝剛下載的版nodejs,路徑就填第2步查到的路徑,進行覆蓋安裝

      4、安裝完成之后輸入node -v查看版本,如果顯示是版本,則覆蓋成功

      二、本地安裝webpack(不建議全局安裝)

      1、在D盤直接建立一個空文件夾用來放測試項目(建在其它盤也可以,但是不建議在C盤)

      如:

      嵌入式培訓

      然后再在這個文件夾里面建一個

      2、打開cmd,進入路徑D:webpackwebpack-demo,然后輸入:

      npm init -y

      npm install webpack webpack-cli --save-dev

      3、在webpack-demo里創建以下內容:

      嵌入式培訓

      嵌入式培訓

      4、修改package.json文件

      嵌入式培訓

      5、在本地(webpack-demo文件夾內)安裝library

      npm install --save lodash

      6、在腳本中import lodash

      嵌入式培訓

      7、修改index.html文件

      嵌入式培訓

      8、在webpack-demo文件路徑執行:

      npx webpack

      嵌入式培訓

      將會出現一大堆東西:

      嵌入式培訓

      9、在瀏覽器中打開index.html,如果安裝配置成功訪問正常,就能看到文本:Hello webpack

      還有一種原因就是之前安裝的webpack版本過高,在這里建議安裝3.0.0版本的,如果之前有在項目文件內或全局安裝過 webpack 的要先 uninstall 卸載,再打開新的cmd,重新打包

      粵嵌科技13年專注IT人才培訓學習的專業機構,主要培訓課程為,嵌入式培訓、Java培訓、Unity游戲開發、Python人工智能、HTML5前端開發、全棧UI設計、網絡營銷、CCIE網絡等專業課程

      免費預約試聽課

      亚洲另类欧美综合久久图片区_亚洲中文字幕日产无码2020_欧美日本一区二区三区桃色视频_亚洲AⅤ天堂一区二区三区

      
      

      1. 午夜福利精品a在线观看 | 一区二区三区夜夜玩人妖 | 亚洲无遮挡免费在线观看 | 天堂v亚洲国产ⅴ第一次 | 色香视频国产系列 | 最新国产自产精品视频 |