image
npm init -y
npm i jquery -s
npm install webpack@5.42.1 webpack-cli@4.7.2 -D
index.js下
//1.使用 ES6导入jQuery
import $ from 'jquery'
$(function () {
//3.实现奇偶行变色
$('li:odd').css('background-color', 'red');
$('li:even').css('background-color', 'pink');
})

index.html下

  • 这是第1个li
  • 这是第2个li
  • 这是第3个li
  • 这是第4个li
  • 这是第5个li
  • 这是第6个li
  • 这是第7个li
  • 这是第8个li
  • 这是第9个li
新建webpack.config.js 配置 //使用Node.js的导出语法 module.exports={ //代表webpack的模式,有dev和production mode:'development' } 终端运行 npm run dev 编译index.js文件生成dist 中main.js

image