創建列表隔行變色項目

① 新建項目空白目錄，并運行 npm init –y 命令，初始化包管理配置文件 package.json ② 新建 src 源代碼目錄 ③ 新建 src -> index.html 首頁 ④ 初始化首頁基本的結構 ⑤ 運行 npm install jquery -S 命令，安裝 jQuery ⑥ 通過模塊化的形式，實現列表隔行變色效果

---

---

在項目中安裝和配置 webpack

---

---

① 運行 npm install webpack webpack-cli –D 命令，安裝 webpack 相關的包 ② 在項目根目錄中，創建名為 webpack.config.js 的 webpack 配置文件 ③ 在 webpack 的配置文件中，初始化如下基本配置：

module.exports = {

mode: 'development' // mode 用來指定構建模式

}

④在 package.json 配置文件中的 scripts 節點下，新增 dev 腳本如下：

"scripts": {

"dev": "webpack" // script 節點下的腳本，可以通過 npm run 執行

}

⑤ 在終端中運行 npm run dev 命令，啟動 webpack 進行項目打包。

---

---

總結

以上是生活随笔為你收集整理的webpack 的基本使用—— 创建列表隔行变色项目||在项目中安装和配置 webpack的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。