美文网首页程序员
uniapp分包图片使用方法

uniapp分包图片使用方法

作者: Devin_Yuan | 来源:发表于2022-06-20 10:17 被阅读0次

原始uniapp不能将分包页面的静态资源编译到dist下对应的目录,可以使用copy-webpack-plugin解决这个问题

const path = require('path')
const CopyWebpackPlugin = require('copy-webpack-plugin')
module.exports = {
  configureWebpack: {
    plugins: [
      new CopyWebpackPlugin([
        {
          from: 'pages/*/static/**',
          to: path.join(__dirname, 'dist', process.env.NODE_ENV === 'production' ? 'build' : 'dev', process.env.UNI_PLATFORM)
        }
      ])
    ]
  }
}

然后将静态资源放在对应分包的static文件夹下


最后在分包页面中使用完整路径即可引入


相关文章

  • uniapp分包图片使用方法

    原始uniapp不能将分包页面的静态资源编译到dist下对应的目录,可以使用copy-webpack-plugin...

  • uniapp 分包

    近期遇到uniapp 微信小程序无法真机调试问题,提示包过大,无法编译通过。找到了其中一个解决办法:分包。能减小包...

  • uniapp页面分包

    在多人协作使用uniapp开发时候,同时在一个page.json下进行操作很容易出现冲突,当页面过多时还有可能因为...

  • uniapp 项目分包

    最近在使用uniapp开发微信小程序,随着项目需求的增加,代码包也越来越大,所以不可避免的要进行分包,特此记录下分...

  • 10-上传图片、预览图片

    上传图片、预览图片[http://notes.xiyanit.cn/#/uniapp/uniapp%E5%9F%B...

  • uniapp 上传图片

    uniapp上传图片,并回显

  • HBuilder X打包小程序--分包

    uniapp代码写的app项目,要分包改为小程序,需要哪些改动? 1、找到manifest.json文件,在app...

  • uniapp中的分包处理小结

    在使用uniapp开发过程中,随着我们的代码工程越来越大,必然会面临一个问题,就是打出来的包会越来越大,而大到一定...

  • uniapp 上传图片

    uniapp 上传图片 data中定义变量imgSrc methods方法

  • uniapp阿里云STS上传文件

    uniapp阿里云STS上传文件 需求 使用uniapp开发的时候就会遇到有上传图片视频之类的需求,但是我们实际的...

网友评论

    本文标题:uniapp分包图片使用方法

    本文链接:https://www.haomeiwen.com/subject/onadvrtx.html