首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

使用webpack打包js文件(隔行变色案例)

使用webpack打包js文件(隔行变色案例) 1.webpack安装的两种方式 运行npm i webpack -g全局安装webpack,这样就能在全局使用webpack的命令 在项目根目录中运行npm...i webpack --save-dev安装到项目依赖中 2.初步使用webpack打包构建列表隔行变色案例 项目结构: ?...image 运行npm init -y初始化项目,使用npm管理项目中的依赖包 创建项目基本的目录结构 使用npm i jquery -s安装jquery类库 创建main.js并书写隔行变色的代码逻辑...: // 导入jquery类库 import $ from 'jquery' $(function () { // 设置奇数背景色 $('li:odd').css('background-color...','lightblue') // 设置偶数背景色,索引从0开始,0是偶数 $('li:even').css('background-color',function () {

2.4K20

nrm安装以及项目打包

webpack -g全局安装webpack,这样就能在全局使用webpack的命令 在项目根目录中运行npm i webpack --save-dev安装到项目依赖中 初步使用webpack打包构建列表隔行变色案例...运行npm init初始化项目,使用npm管理项目中的依赖包 创建项目基本的目录结构 使用cnpm i jquery --save安装jquery类库 创建main.js并书写各行变色的代码逻辑:...// 导入jquery类库 // 感谢关注公号/ A2Data import $ from 'jquery' // 设置偶数背景色,索引从0开始,0是偶数...$('#list li:even').css('backgroundColor','lightblue'); // 设置奇数背景色 $('#list li:odd').css('backgroundColor...; 运行webpack 入口文件路径 输出文件路径对main.js进行处理: webpack src/js/main.js dist/bundle.js 使用webpack的配置文件简化打包时候的命令

60140

webpack使用来打包前端代码

使用webpack打包js文件(隔行变色案例) 1.webpack安装的两种方式 运行npm i webpack -g全局安装webpack,这样就能在全局使用webpack的命令 在项目根目录中运行npm...i webpack --save-dev安装到项目依赖中 2.初步使用webpack打包构建列表隔行变色案例 项目结构: ?...image 运行npm init -y初始化项目,使用npm管理项目中的依赖包 创建项目基本的目录结构 使用npm i jquery -s安装jquery类库 创建main.js并书写隔行变色的代码逻辑...: // 导入jquery类库 import $ from 'jquery' $(function () { // 设置奇数背景色 $('li:odd').css('background-color...','lightblue') // 设置偶数背景色,索引从0开始,0是偶数 $('li:even').css('background-color',function () {

1.3K10

js关键词变色,数组打乱,数组去重的实现和封装

1.前言 今天,把自己之前封装过的一部分小功能操作分享出现,都是一些可以说是比较常用,实现起来比较简单,代码又比较少的一些功能或操作,比如关键词变色,数组打乱,数组去重等。...2.关键词变色 这个功能很常见,特别是在搜索引擎执行搜索的时候。其它不多说了,直接上代码 关键词变色 span...大家都看到了吧,我只输入‘过来’,结果‘前端’也变色了,那是因为我输入‘过来’的时候,之前就输入过‘前端’运行了一次,下一次不清除就会有这个bug,清除了就没事了!...后续 关于js是实用或者常用的小功能操作,今天先到这里,以后再写其它的,希望能帮到大家!

1.4K21
领券