使用webpack---安裝webpack和webpack-dev-server


1.先確保安裝了最新版的Node.js和NPM,並已經了解NPM的基本用法

(以下使用cmd命令行進行)

2.安裝webpack

  (1)全局安裝

    $ npm install webpack -g

    (1)局部安裝

    我並不喜歡全局安裝這種方式,因為並不是所有的項目都需要webpack的。通常我們會將 Webpack 安裝到項目的依賴中,這樣就可以使用項目本地版本的 Webpack。

    # 進入項目目錄(這里為demo)

    # 確定已經有 package.json,沒有就通過 npm init 創建

     # 安裝 webpack 依賴
     $ npm install webpack --save-dev
  (--save-dev會作為開發依賴來安裝webpack。安裝成功之后,在 package.json中會多一項配置
    
    )
3.安裝webpack-dev-server(它可以在開發環境中提供很多服務,比如啟動一個服務器、熱更新、接口代理等)
  $ npm install webpack-dev-server --save-dev
  安裝完成之后,最終的package.json文件內容為:
  

如果你的devDependencies中包含webpack和webpack-dev-server,恭喜你,已經安裝成功!

4.安裝webpack腳手架

  $ npm install webpack-cli -g

4.在demo中創建一個js文件:webpack.config.js(進行出口入口配置)

 4.在demo中創建一個input.js作為入口文件

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM