首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

利用Purgecss移除未使用到的样式

我们做项目时,通常会使用一些常用的css框架,比如我会经常用到 tailwindcss ,bootstrap 等等,但是使用这些框架后,打包出来的css文件过于庞大,而且很多样式是我们没有使用到的...还有一种情况是我们的网站进行改版了,有些样式已经不再使用了,但是我们没有在css文件中移除,导致css越来越大。...这时候我们就可以用 Purgecss来只打包我们项目中正在使用到的样式来减小css文件体积。本篇文章使用 tailwindcss 在 vue中的例子进行说明: 1....[purgecss] : []), ], }; 我们运行 npm run build后,会发现dist中生成的css,只有我们用到的,并不是所有的thaiwindcss,非常的小,所以已经达到了我们的目的...在react中或者其他地方中的使用方式,可以去purgecss官网进行查看,本篇文章参考: https://purgecss.com/guides/vue.html#use-the-vue-cli-plugin

2.2K10

Android O:使用自定义字体资源

前言 Android O中的新功能之一是使用自定义字体资源。在这篇文章中,我们一起来看看如何在我们的应用程序中使用它们。 在Android O之前,在我们的应用中使用自定义字体有多困难?...我们有两个选择: 1、编写自定义view 2、使用lib引入第三方字体 字体资源入门 Android O通过字体资源支持自定义字体。在app / res文件夹中新建文件夹, ?...我们将要创建的.png 在Android O中使用自定义字体资源 对于这篇Android O的文章,我将从Google字体中选择我的字体。...一旦您放入fonts文件夹中的自定义字体文件,就可以预览字体。只需双击一个字体,Android Studio会预览字体。 ? 字体预览.png 转到您的XML布局文件。...XML编辑器设计视图中的TextView属性.png 最终结果 ? 修改后的.png 哪里能了解更多的信息? 使用自定义字体资源只是Android O中的新功能之一。

2.5K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    android studio简单使用(A):自定义模版介绍

    因为暂时还没有考虑好顺序,先用A表示 ---- 前言 自己也没有怎么接触过android studio的模版 只是参考 鸿洋 的博客,接触到了, 自己记录一下 具体参考: https://github.com...https://developer.android.com/studio/projects/templates.html http://robusttechhouse.com/tutorial-how-to-create-custom-android-code-templates...java文件 ---- android studio中模版的位置 在 AndroidStudioXXXPath\plugins\android\lib\templates\中, 有对应的代码 以Activity...为例: 我们打开android studio后, 在 File -- New -- Activity 中,可以看见很多可以选的Activity, 会显示显示符合条件的Activity模版 ?...们: parameter:自己感觉就是对应的变量,别的地方可以使用的 一共有的parameter(3个string类型, 2个boolean类型) activityClass: string 【Activity

    96520

    【Android 安装包优化】开启资源压缩 ( 资源压缩配置 | 启用严格模式的资源引用检查 | 自定义保留移除资源配置 | 资源压缩效果 )

    文章目 一、开启资源压缩 二、启用严格模式的资源引用检查 三、自定义保留/移除资源配置 四、资源压缩效果 五、完整配置 1、keep.xml 配置 2、build.gradle 构建脚本 六、参考资料...| 混淆 Obfuscate | 预检 | 混淆文件编写 | 混淆前后对比 ) 博客 ; 编译打包时 , 先进行代码压缩混淆 , 删除不必要的代码 ; 然后使用资源压缩器移除不相关的资源 ; ( 先处理代码...'), 'proguard-rules.pro' } } } 二、启用严格模式的资源引用检查 ---- 资源压缩器 压缩资源时 , 默认使用比较保守的模式 , 通过动态 id 获取资源不会被移除...; 三、自定义保留/移除资源配置 ---- 参考文档 : 自定义要保留的资源 如果开发者有想要特定保留或者必须移除的资源 , 可以进行自定义配置 ; 在 " res/raw " 目录下创建 " keep.xml..." 文件中可以配置 保留 / 移除 的资源 ; 使用 tools:keep 属性指定要保留的资源 ; 如果保留多个资源使用逗号隔开 ; 使用 tools:discard 属性指定要移除的资源 ; 如果移除多个资源使用逗号隔开

    1.4K40

    Android Studio3.3的使用

    背景 之前的的一篇文章,我们介绍了Android Studio3.3版本更新了那些功能。对我们开发人员来说,最显而易见的变化自然就是开发工具的变化。的确,这个版本升级之后,确实发现了不少变化。...选择运行的设备,包括模拟器和USB设备 attach debugger to Android process ? 可以直接找到想要调试的进程,选择进程进行调试,不用debug重新编译。...同步引用库,跨语言、跨Module的项目一般修改后,要同步一下,例如项目中包括C++语言 AVD Manager ? Android虚拟设备管理器,管理模拟器 SDK Manager ?...项目总体设置,可以设置SDK和JDK的路径,Gradle和Android插件的信息,项目的属性 其他 1.打开studio我们发现,在底部的Log,event等窗口,没关系在这里 ?...很多常用的功能都在这里。 2.在使用过程中,我惊喜的发现在布局文件在改进,功能逐渐在完善。同时在xml文件当中,可以预览选择的颜色,图片,背景等等,这个功能很实用。 ?

    1.1K20

    android studio简单使用(A2):自定义模版简单实战

    Paste_Image.png 做最初的提交后,可以看见对应的文件夹 ? Paste_Image.png 这个时候,我们重启android studio, 发现没有看见对应的自己的模版 ?...Paste_Image.png ---- 添加自己的Activity模版 其实,我们前面一篇的猜测有提到过,模版的名字,是由 template.xml对应的template中name决定的 我们修改对应的文件...Paste_Image.png 我们再次重启android studio ?...我们在开看一下模版的区别 (这里因为是创建一个TextView, 并且设置名字, 让Activity里面直接可以获得对应的id,设置简单的代码) 旧的 simple.xml.ftl (会判断 是否是新的...但是,要确认经常会用到的需求,并且适合自己对应的父类以及相应的逻辑 考虑周全,还是挺重要的 只要理解了过程,新添加对应的Activity模版,或者其他模版也不是难事了 (当然,简单的单个文件模版

    62020

    Android秒级编译Freeline的使用(Android Studio)

    Freeline 是蚂蚁金服旗下平台蚂蚁聚宝 Android 团队开发的一款针对 Android 平台的增量编译工具,它可以充分利用缓存文件,在几秒钟内迅速地对代码的改动进行编译并部署到设备上,有效地减少了日常开发中的大量重新编译与安装的耗时...class 及 dex,resources 层面作了相应缓存策略,做到真正增量开发,另外引入并优化 buck 的部分加速组件 dx,DexMerger,资源编译方面,深入改造了 Aapt 资源编译流程,...当资源发生改变时候,秒级完成增量包编译,其中增量包仅含最小的变更集合(10Kb~数百Kb内),后期也被运用到线上进行资源/代码动态替换。...第六步: 其实到第五已近就可以体验秒级编译了,不过这时候你再去使用果然掉了编译就会报错: ? 所以当我们需要切换到gradle 的时候就需要在工程目录下执行..../gradlew clean 这下就可以使用gradle了,当想要使用freeline时候再用./gradlew initFreeline就OK了。

    1.2K30

    Android Studio 的 10 个使用技巧

    调用:Menu → Navigate → Bookmarks 快捷键: 添加/移除书签:F3(OS X) 、F11(Windows/Linux); 添加/移除书签(带标记):Alt + F3(OS X...恕我直言,最有用的就是在项目结构或者资源管理 器中打开该文件。每一个操作都有数字或者字母作为前缀,可以通过这个前缀来快速跳转。...该操作遵守格式化规则,同时: 合并两行注释,同时移除多余的//; 合并多行字符串,移除+和双引号; 合并字段的声明和初始化赋值; 快捷键:Ctrl + Shift + J; 40....移除包裹代码(Unwrap Remove) 描述:该操作会移除周围的代码,它可能是一条if语句,一个while循环,一个try/catch语句甚至是一个runnable语句。...调用:点击工具栏图标或者Menu → Build → Attach to Android Process 快捷键:无,可以在设置中指定,或者点击工具栏对应的图标。 53.

    21110

    使用Gradle管理你的Android Studio工程

    其他关于Gradle的更多介绍请参考Gradle使用指南 Android Studio入门 使用Android Studio新建一个工程之后,其目录结构是这样的: ├── app #Android App...这里的flavor和defaultConfig是一样的,可以自定义其applicationId、versionCode以及versionName等信息,比如区分不同包名: android {...自定义你的BuildConfig BuildConfig.java是Android Gradle自动生成的一个java类文件,无法手动编译,但是可以通过Gradle控制,也就是说他是动态可配置的,有了这个功能就很好玩了...,也是和buildConfigField,只不过它控制生成的是资源,比如我们在android的values.xml定义生成的字符串。...getSdkDirectory()函数获取你电脑上的Android SDK目录,这里我们使用SDK自带的emma,保持每个人的统一。

    1K40

    ​使用Kotlin和Android Studio开发Android应用的详细教程

    本教程将详细介绍如何使用Kotlin和Android Studio开发一个简单的Android应用,包括项目的创建、界面设计、代码编写以及运行应用。...步骤1:安装Android Studio和配置环境首先,确保你的系统中已经安装了最新版本的Android Studio。你可以从官方网站下载并按照安装指南进行安装。...安装完成后,打开Android Studio,确保SDK和其他必要的组件已成功安装。创建或导入一个新的Android项目。步骤2:创建新的Android项目打开Android Studio。...}}步骤5:运行应用连接Android设备或启动模拟器,并点击Android Studio工具栏上的“Run”按钮。这将构建并安装应用,并在设备或模拟器上启动应用程序。恭喜!...你已经成功创建并运行了一个简单的Android应用程序,使用了Kotlin语言和Android Studio进行开发。这只是一个简单的入门示例,你可以根据需要扩展应用,添加更多功能和界面元素。

    2.4K10

    Android Studio 使用心得 之 ✨ Android Studio的使用过程中出现的问题(更新中)

    目录 Android Studio的使用过程 从安装到试运行第一个小程序 导入别人的Android Studio 项目 运行时会出现的一些问题整理 Android Studio的使用过程 从安装到试运行第一个小程序...新建项目及AS内部工具使用 导入别人的Android Studio 项目 [如何成功运行和导入别人的android studio项目?]...运行时会出现的一些问题整理 如何使用模拟器或手机运行程序 ---- 问题:Android Studio磁盘空间不足:Emulator: emulator: ERROR: Not enough space...---- 问题:Android中R.layout.xxx,有资源文件,调用不到。...方法一: 是类的包名导入错误导致: 可能不小心导入了Android的R类,导致AS找不到了才报错 换成导入自己项目的R类就可以了 import android.R; 正确导入的包名: import

    1.1K70
    领券