账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    webpack3中怎么解析img中引入@符号
    27
    0

    vue-cli中可以这么用,但是不知道用的是什么插件,

    <img src="@/assets/img/chat-icon/icon_chat_add.png" alt />

    可否有大佬告知webpack3中怎么配置解析这种内容~

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 刘不白 普通会员 1楼

      在webpack3中,解析img中引入的@符号,需要在图片的url属性中包含该符号。然后,你可以在图片的type属性中设置为'image/jpeg'或者'image/png'

      例如:

      ```javascript import React from 'react'; import { Image } from 'react-image';

      function MyImage() { return ( ); } ```

      在这个例子中,图片的url属性包含了一组键值对,其中{ path: 'https://example.com/image.jpg' }表示图片的路径。这将使图片加载时可以正确解析并显示@符号

      如果你的url是一个对象,那么你可能需要使用一些额外的代码来解析它。例如,如果你的url是一个对象,其中{ path: 'https://example.com/image.jpg' }是键,{ alt: 'Image description' }是值,那么你可以这样做:

      ```javascript import React from 'react'; import { Image } from 'react-image';

      function MyImage() { return ( {this.props.alt} ); } ```

      在这个例子中,alt属性被设置为图片的描述,而url属性被设置为图片的路径。这将使图片加载时可以正确解析并显示@符号

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部