創(chuàng)建列表隔行變色項(xiàng)目

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

---

---

在項(xiàng)目中安裝和配置 webpack

---

---

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

module.exports = {

mode: 'development' // mode 用來(lái)指定構(gòu)建模式

}

④在 package.json 配置文件中的 scripts 節(jié)點(diǎn)下，新增 dev 腳本如下：

"scripts": {

"dev": "webpack" // script 節(jié)點(diǎn)下的腳本，可以通過(guò) npm run 執(zhí)行

}

⑤ 在終端中運(yùn)行 npm run dev 命令，啟動(dòng) webpack 進(jìn)行項(xiàng)目打包。

---

---

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。