标签: vue - 𝐵𝑙𝑜𝑔 | 小钻风𝑇𝑜𝑟𝑛𝑎𝑑𝑜

2024-06-26发表2024-06-26更新技术10 分钟读完 (大约1534个字)

打包脚本

在 package.json 添加

1
2
3

// ..
"zip": "zip -r dist-$(git rev-parse --abbrev-ref HEAD)-$npm_package_name-$npm_package_version-$(date +'%Y_%m_%d').zip dist/ && open .",
"bz": "npm run build && npm run zip"

然后运行 npm run bz 就能直接打开打包好的zip包目录

2024-06-18发表2024-06-18更新技术几秒读完 (大约38个字)

:src动态导入图片路径

对于webpack

1	const img = require(`./img/${name}.png`)

1	<img :src="img" />

或者直接在html中使用

1 2	<img :src="require(`./img/${name}.png`)" /> <img :src="require(`@/img/${name}.png`)" />

对于vite

1 2	// .. activeIcon: new URL('@/assets/icon/intelligent-contro.png', import.meta.url).href,

<img
  :src="item.activeIcon"
  height="40"
  alt=""
>

2024-02-05发表2024-04-10更新技术3 分钟读完 (大约437个字)

Vue前端组件封装

前端UI组件封装，要考虑传递属性事件、插槽，必要的话传ref出来

打包脚本

链接

分类

最新文章

标签