es6的js代碼裏面引入webpack

引言

本來做MVVM做得好好的,突然遇到了webpack的問題,只能嚶嚶嚶,踩了一個多小時的坑之後,決定寫下來,既讓自己不要忘記了也讓大家少採坑

前期知識

npm 是node的包管理器,它讓 javascript 開發者分享、複用代碼更方便(有點 maven 的感覺哈),下載node時會一起下載的。

  1. 一個網站,就是前面提到用於搜索 JS 模塊的網站:www.npmjs.com/
  2. 一個倉庫,保存着人們分享的 JS 模塊的大數據庫
  3. 命令行裏的客戶端,開發者使用它來管理、安裝、發佈模塊

package.json管理本地安裝 npm 包的最好方式就是創建 package.json 文件。

  1. 作爲一個描述文件,描述了你的項目依賴哪些包
  2. 允許我們使用 “語義化版本規則”(後面介紹)指明你項目依賴包的版本
  3. 讓你的構建更好地與其他開發者分享,便於重複使用

webpack不是內部或外部命令,也不是可運行的程序或批處理文件。

這個的話我覺得參考這篇文章就很好,我就不贅述了。

npm install -g webpack報錯enoent ENOENT:

我出現這個的原因是因爲之前安裝過低版本的webpack,這次再重新安裝了webpack所以,我們需要先刪除nodejs\X64\node_global\node_modules裏面的webpack文件夾,再重新安裝就好了。

首先初始化

一切都成功後,我發現我的項目還是沒辦法跑起來,搜了搜才發現是說項目裏面沒有package.json文件,所以必須先npm init -y(跳過交互,全部回答yes)ornpm init來初始化一下,這時我們再安裝的時候順便--save就可以自動加入到package.json裏面啦。

成功跑起來之後,發現babel的版本問題

這個就根據他給的錯誤提示自己改改,就ok啦

注意點

  1. 我下載的是webpack4,它的配置規則有很多修改了,建議寫的時候照着網上現有的寫,不然出錯了就難受了。
  2. 好像沒有第二點了,嚶嚶嚶跑個神好像忘了什麼,算了不寫了

結語

好好學習哦,今天也要加油呀~~~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章