标签：npm index color 配置 li webpack 简单 js

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

标签：npm,index,color,配置,li,webpack,简单,js
来源： https://www.cnblogs.com/ying866/p/16445593.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。