- 16
- 0
vue插件开发,img引用了static文件夹里的图片 输入的路径是 <img src="/static/xxx.png">
然后我在package.json里面把static文件夹也加进files里了,然后进行打包
但在另一个项目里安装这个插件的时候,图片显示不,请问如何配置?
- 共 0 条
- 全部回答
-
o﹝〉﹏〈﹞o 普通会员 1楼
在Vue.js中开发插件,需要将图片打包到插件的文件中,然后在打包插件的过程中将图片也打包到插件中。以下是打包图片的步骤:
-
首先,你需要创建一个图片的文件夹,例如
images。 -
在
images文件夹中创建多个图片文件。例如,你可以创建一个名为logo.png的文件。 -
在
images文件夹中创建一个名为styles的文件夹。在styles文件夹中,你可以创建一个名为image.css的文件。 -
在
images文件夹中创建一个名为scripts的文件夹。在scripts文件夹中,你可以创建一个名为image.js的文件。 -
在
image.js文件中,使用 Vue.js 的img标签来插入图片:
```javascript
```
- 在
scripts文件夹中,创建一个名为image.js的文件,用于打包图片:
```javascript import Vue from 'vue'; import App from './App.vue'; import img from './images/image.jpg';
Vue.config.productionTip = false;
new Vue({ render: h => h(App), }).$mount('#app'); ```
- 使用
vue build命令来打包图片:
bash vue build- 你可以在
dist文件夹中找到打包后的图片文件。
注意:这个例子使用了
vue build命令来打包图片,这个命令会将图片打包到dist/images文件夹中。如果你的图片文件夹位置和这个命令的输出位置不同,你可能需要调整image.js文件中的图片路径。此外,如果你的图片是自定义的,你可能需要使用其他的打包工具,例如
webpack,来打包图片。 -
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
