// 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,
},
}
}

- 发布:2022-04-18 23:08
- 更新:2022-04-18 23:08
- 阅读:468
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Windows10
手机系统: Android
手机系统版本号: Android 10
手机厂商: 华为
手机机型: 华为mate30pro
页面类型: vue
vue版本: vue2
打包方式: 离线
项目创建方式: CLI
CLI版本号: 4.5.16
示例代码:
操作步骤:
vue.config.js中配置了以下文件,结果发现引用的图片全被摇树给优化掉
vue.config.js中配置了以下文件,结果发现引用的图片全被摇树给优化掉
预期结果:
public目录存在引用的图片文件
public目录存在引用的图片文件
实际结果:
public没有存在这些引用的图片文件
public没有存在这些引用的图片文件
bug描述:
我是通过vue-cli构建的uniapp,摇树优化会清理掉cli构建的项目中public中的文件,本来我是将uniapp制作成pwa,但是却发现缺失了图片文件,发现是被摇树给优化掉了
0 个回复