- 博客(22)
- 收藏
- 关注
原创 webpack配置自定义文件打包名称
[hash] 指的是匹配文件的名字 [hash:10] 指的是问得名字长度为10[ext] 也就代表字符 '.'[query] 路径后面的参数//给图片设置导出的文件夹及名字rules:[{ test: /\.(png|svg|jpg|jpeg|gif)$/i, type: 'asset/resource' , generator:{ filename: 'images/[hash:8][ext][111]'} } ..
2024-07-18 15:37:28
377
原创 React监听滚动事件动态增加效果
在 React 中,监听指定元素的滚动事件可以使用 useEffect 和 useRef 钩子来实现。以下是一个基本的示例,展示如何在 React 组件中监听元素的滚动事件
2024-05-31 10:08:12
1504
原创 webpack打包去除代码中的console.log()
默认情况下,Babel 只会处理你的源代码文件,而不会处理 node_modules 目录中的依赖包。这意味着使用 babel-plugin-transform-remove-console 只能移除你自己代码中的 console.log,不能移除依赖包中的 console.log。
2024-05-27 10:02:49
2740
原创 webpack5 打包css背景图片处理
rules:[{ // 处理图片 test: /\.(jpg|png|gif)$/, //如需从 asset loader 中排除来自新 URL 处理的 asset,请添加 dependency: { not: ['url'] } 到loader 配置中。 dependency: { not: ['url'] }, // 使用一个 loader:'url-loader', // 配置 options:{ /* 图片大小小于8.
2022-04-29 22:33:47
432
原创 关于使用Vuex getters属性报错
Computed property "editableTabsValue" was assigned to but it has no setter.问题解决vuex的使用中报这个错误,原因是v-model双向绑定造成vuex中是单项流,v-model是vue中的双向绑定,但是在computed中只通过get获取参数值,没有set无法改变参数值解决方法:1.给editableTabsValue重新赋值给一个变量 设置getter,setter<el-tabs v-model=
2022-04-29 14:13:24
1069
原创 实现0.5px的一条直线
方式一:使用缩放改变<style> .scene_border{ width: 200; height: 1px; transform: scaleY(.5) } </style><div class="scene_border"></div>
2022-02-10 09:51:50
570
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人