wgtyvgxyusgxu
wgtyvgxyusgxu
  • 发布:2022-04-18 23:08
  • 更新:2022-04-18 23:08
  • 阅读:468

【报Bug】摇树优化会清理掉cli构建的项目中public中的文件

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows10

手机系统: Android

手机系统版本号: Android 10

手机厂商: 华为

手机机型: 华为mate30pro

页面类型: vue

vue版本: vue2

打包方式: 离线

项目创建方式: CLI

CLI版本号: 4.5.16

示例代码:

// vue.config.js,如没有此文件则手动创建
module.exports = {
transpileDependencies: ['uview-ui'],
pwa: {
manifestOptions: {
"name": "xxx",
"short_name": "xxx",
"description": "xxx",
"theme_color": "#000000",
"icons": [{
"src": "public/img/icons/icon_x16.png",
"sizes": "16x16",
"type": "image/png"
},
{
"src": "public/img/icons/icon_x32.png",
"sizes": "32x32",
"type": "image/png"
},
{
"src": "public/img/icons/icon_x48.png",
"sizes": "48x48",
"type": "image/png"
},
{
"src": "public/img/icons/icon_x72.png",
"sizes": "72x72",
"type": "image/png"
},
{
"src": "public/img/icons/icon_x96.png",
"sizes": "96x96",
"type": "image/png"
},
{
"src": "public/img/icons/icon_x128.png",
"sizes": "128x128",
"type": "image/png"
},
{
"src": "public/img/icons/icon_x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "public/img/icons/icon_x384.png",
"sizes": "384x384",
"type": "image/png"
},
{
"src": "public/img/icons/icon_x512.png",
"sizes": "512x512",
"type": "image/png"
},
{
"src": "public/img/icons/icon-1024x1024.png",
"sizes": "1024x1024",
"type": "image/png"
},
{
"src": "public/img/icons/maskable_icon_x16.png",
"sizes": "16x16",
"type": "image/png",
"purpose": "maskable"
},
{
"src": "public/img/icons/maskable_icon_x32.png",
"sizes": "32x32",
"type": "image/png",
"purpose": "maskable"
},
{
"src": "public/img/icons/maskable_icon_x48.png",
"sizes": "48x48",
"type": "image/png",
"purpose": "maskable"
},
{
"src": "public/img/icons/maskable_icon_x72.png",
"sizes": "72x72",
"type": "image/png",
"purpose": "maskable"
},
{
"src": "public/img/icons/maskable_icon_x96.png",
"sizes": "96x96",
"type": "image/png",
"purpose": "maskable"
},
{
"src": "public/img/icons/maskable_icon_x128.png",
"sizes": "128x128",
"type": "image/png",
"purpose": "maskable"
},
{
"src": "public/img/icons/maskable_icon_x192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "maskable"
},
{
"src": "public/img/icons/maskable_icon_x384.png",
"sizes": "384x384",
"type": "image/png",
"purpose": "maskable"
},
{
"src": "public/img/icons/maskable_icon_x512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
},
{
"src": "public/img/icons/maskable_icon.png",
"sizes": "1024x1024",
"type": "image/png",
"purpose": "maskable"
},
],
"start_url": ".",
"display": "standalone",
"background_color": "#000000",
},
name: 'xxx',
themeColor: '#000000',
msTileColor: '#000000',
appleMobileWebAppCapable: 'yes',
appleMobileWebAppStatusBarStyle: 'black',
iconPaths: {
favicon32: 'public/img/icons/icon_x16.png',
favicon16: 'public/img/icons/icon_x32.png',
appleTouchIcon: 'public/img/icons/apple-touch-icon-152x152.png',
maskIcon: 'public/img/icons/safari-pinned-tab.svg',
msTileImage: 'public/img/icons/msapplication-icon-144x144.png'
},
workboxPluginMode: 'GenerateSW',
workboxOptions: {
clientsClaim: true,
},
}
}

操作步骤:

vue.config.js中配置了以下文件,结果发现引用的图片全被摇树给优化掉

预期结果:

public目录存在引用的图片文件

实际结果:

public没有存在这些引用的图片文件

bug描述:

我是通过vue-cli构建的uniapp,摇树优化会清理掉cli构建的项目中public中的文件,本来我是将uniapp制作成pwa,但是却发现缺失了图片文件,发现是被摇树给优化掉了

2022-04-18 23:08 负责人:DCloud_UNI_GSQ 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复