PHP
话题列表 社区 Wiki 优质外文 招聘求职 PHP 实战教程 社区文档
登录
注册

[fastadmin]第十八篇 fastadmin 后台一键压缩打包min的css js

wangchunbo 的个人博客 / 39 / 0 / 创建于 5个月前 / 更新于 5个月前

系列文章：
[fastadmin]第一篇：开发注意事项 [fastadmin]第二篇：开发坑点 [fastadmin]第三篇 自定义按钮，传递参数 [fastadmin]第四篇 子页面使用到表格 [fastadmin]第五篇 表格搜索 [fastadmin]第六篇 FastAdmin中表格列表功能总结与 表格禁用与显示可视化配置教程 [fastadmin]第七篇 FastAdmin中form常用技巧：下拉框联动、下拉框搜索和下拉框多选 [fastadmin]第八篇 fastadmin model 常用技巧 [fastadmin]第九篇 FastAdmin高级模型技巧：实现表格Tab切换和软删除 (找遍全网找不到的那种) [fastadmin]第十篇 fastadmin 自定义按钮增加表单(又是找不到的教程) [fastadmin]第十一篇 fastadmin 搜索框带默认值传参(又是找不到的教程) [fastadmin]第十二篇 fastadmin form 表单验证 [fastadmin]第十三篇 在FastAdmin中通过Ajax实现表单验证和中文转拼音功能 [fastadmin]第十四篇 fastadmin 富文本编辑器 [fastadmin]第十五篇 在后台开发中，怎么引入外部js [fastadmin]第十六篇 fastadmin 逗号分割的id，ids 关联查询，如何查询出所有逗号分隔的id的数据 [fastadmin]第十七篇 fastadmin 后台的前端页面对应的 js 里，怎么样使用 php 变量？ [fastadmin]第十八篇 fastadmin 后台一键压缩打包min的css js [fastadmin]第十九篇 fastadmin 开发api，不需要权限，不需要登录验证 [fastadmin]第二十篇 fastadmin 开发新页面 新方法 新js，尽量全小写命名，驼峰则无法自动匹配到js [fastadmin]第二十一篇 fastadmin 阿里云短信插件 [fastadmin]第二十二篇 fastadmin table 排序技巧 [fastadmin]第二十三篇 fastadmin 部署-一直显示install [fastadmin]第二十四篇 fastadmin 部署文件夹出现fopen file_put_contents权限 扩展-初识fastAdmin表格列表的功能

一键压缩打包

在FastAdmin中如果修改了核心的JS或CSS文件，是需要重新压缩打包后在生产环境下才会生效。FastAdmin采用的是基于RequireJS的r.js进行JS和CSS文件的压缩打包。

准备工作

请先确保你的环境已经安装好Node环境。

首先确认你application/config.php中app_debug的值，当为true的时候是采用的无压缩的JS和CSS，当为false时采用的是压缩版的JS和CSS。

请确保php所在的目录已经加入到系统环境变量，否则会提示找不到该命令。

打开命令行控制台进入到你的站点根目录，也就是think文件所在的目录。

常用命令

//一键压缩打包前后台的JS和CSS
php think min -m all -r all
//一键压缩打包后台的JS和CSS
php think min -m backend -r all
//一键压缩打包前后台的JS
php think min -m all -r js
//一键压缩打包后台的CSS
php think min -m backend -r css
//使用uglify进行一键压缩打包后台的JS文件
php think min -m backend -r js -o uglify

常见问题

Windows系统需要手动配置node的路径,请参考在Windows下如何压缩打包JS和CSS。

如果无法进行打包，可以使用php think min -m all -r all -vvv尝试下，看下错误信息。

如果压缩打包后访问不生效，请检查是否是你的浏览器缓存的原因，请尝试清除浏览器缓存。

请不要直接修改以.min.js和.min.css结尾的文件，因为一键压缩打包后会进行覆盖。

安装或卸载插件后无需进行压缩打包JS和CSS

影响文件

在调试模式和生产环境下所加载的JS和CSS是不一样的，压缩打包会重新生成生产环境下的JS和CSS文件，特别注意下。
调试模式：

public/assets/js/require-frontend.js
public/assets/js/require-backend.js
public/assets/css/frontend.css
public/assets/css/backend.css

生产环境：(打包压缩后会重新生成以下文件)

public/assets/js/require-frontend.min.js
public/assets/js/require-backend.min.js
public/assets/css/frontend.min.css
public/assets/css/backend.min.css

使用范例

JS和CSS文件压缩前和压缩后浏览器请求对比(请右键查看大图)：

[fastadmin]第十八篇 fastadmin 后台一键压缩打包min的css js

更多一键生成JS和CSS的参数请使用php think min --help查看。

博主使用例子

1. 修改backend.css 发现上线，样式丢失

线上更新代码效果
[fastadmin]第十八篇 fastadmin 后台一键压缩打包min的css js

原来的样子如下：

[fastadmin]第十八篇 fastadmin 后台一键压缩打包min的css js

2. 猜测是css不一致，排查线上请求为min开头的资源

[fastadmin]第十八篇 fastadmin 后台一键压缩打包min的css js

3. 打包min 资源

[fastadmin]第十八篇 fastadmin 后台一键压缩打包min的css js

打包后发现文件已经被修改

[fastadmin]第十八篇 fastadmin 后台一键压缩打包min的css js

4. 重新提交代码，部署

[fastadmin]第十八篇 fastadmin 后台一键压缩打包min的css js

5. 再次查看线上效果

[fastadmin]第十八篇 fastadmin 后台一键压缩打包min的css js

完成。

fastadmin
本作品采用《CC 协议》，转载必须注明作者和本文链接
嗨，我是波波。曾经创业，有收获也有损失。我积累了丰富教学与编程经验，期待和你互动和进步！ 公众号：上海PHP自学中心 付费知识星球：破解面试：程序员的求职导师
wangchunbo
版主 2.5k 声望
司机 @ 欣昊玉
创业给我教学和编程带来了洞见，期待与您共同成长。
讨论数量: 0
排序：
时间 投票
(=￣ω￣=)··· 暂无内容！

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！
支持 MD 帮助
wangchunbo
司机 @ 欣昊玉
文章
273
粉丝
339
喜欢
558
收藏
1106
排名：64
访问：12.2 万
私信
所有博文
文章归档
4 篇 2024 年 2 月 3 篇 2024 年 1 月 7 篇 2023 年 12 月 10 篇 2023 年 11 月 1 篇 2023 年 10 月 1 篇 2023 年 9 月 6 篇 2023 年 8 月 5 篇 2023 年 7 月 4 篇 2023 年 6 月 5 篇 2023 年 5 月 2 篇 2023 年 4 月 2 篇 2023 年 3 月 1 篇 2023 年 2 月 5 篇 2023 年 1 月 2 篇 2022 年 12 月 3 篇 2022 年 11 月 2 篇 2022 年 10 月 2 篇 2022 年 9 月 2 篇 2022 年 7 月 3 篇 2022 年 6 月 17 篇 2022 年 3 月 6 篇 2022 年 2 月 4 篇 2021 年 9 月 8 篇 2021 年 7 月 4 篇 2021 年 6 月 8 篇 2021 年 5 月 2 篇 2021 年 4 月 3 篇 2021 年 3 月 1 篇 2021 年 2 月 4 篇 2021 年 1 月 6 篇 2020 年 12 月 5 篇 2020 年 11 月 2 篇 2020 年 10 月 6 篇 2020 年 9 月 2 篇 2020 年 8 月 4 篇 2020 年 7 月 11 篇 2020 年 6 月 17 篇 2020 年 5 月 8 篇 2020 年 4 月 13 篇 2020 年 3 月 2 篇 2020 年 2 月 3 篇 2020 年 1 月 34 篇 2019 年 12 月 31 篇 2019 年 11 月 2 篇 2019 年 10 月
最新文章 最受欢迎
1个月前 每日一悟：为什么go 数据表的orm，很多地方用指针呢 2个月前 git放弃本地修改代码全部使用远程 2个月前 [fastadmin]第二十四篇 fastadmin 部署文件夹出现fopen file_put_contents权限 2个月前 [fastadmin]第二十三篇 fastadmin 部署-一直显示install 3个月前 [面试口话]二： golang基础
151 [面试题]跳槽面试必背-自己最近5年的整理，欢迎大家补充。 50 如何处理 Web 图片优化？ 48 [2020年面试题-PHP 与 golang] 1. Go 和 PHP 在运行的时候有什么区别和优势？ 39 laravel常用代码库：Carbon日期及时间处理包-年月日操作完整版常用方法以及使用场景 33 记录一下，服务器又又被黑的一次。
博客标签
redis
1
 php
1
 trait
1
 excel
1
 cdn
1
 docker
2
 mysql
1
 xml
1
 ioc
1
 vuejs
3
 protobuf
1
 ubuntu
1
 laravel-admin
7
 es6
1
 copilot
1
 fastadmin
10
 服务器
2
 前端
1
 k8s
1
 学习
2
 缓存
1
 依赖注入
1
 beego
1
 设计模式
1
 面向对象
1
 性能优化
1
 微服务
1
 面试
1
 爬虫
2
 提升
1
 pygame
5
 k3
1
 scrab
1
 scraby
1
 对象池
1
 自学
1
 学习能力
1
 懒加载
1
 高分屏
1
 macbookpro
1
 python
1
 nginx
1
 ChatGPT
1
社区赞助商
成为赞助商

关于 LearnKu

LearnKu 是终身编程者的修道场
做最专业、严肃的技术论坛
LearnKu 诞生的故事

资源推荐

  • 《社区使用指南》
  • 《文档撰写指南》
  • 《LearnKu 社区规范》
  • 《提问的智慧》

    • 服务提供商

    其他信息

  • 成为版主
  • 所有测验
  • 联系站长（反馈建议）

    • 粤ICP备18099781号-6 | 粤公网安备 44030502004330号 | 违法和不良信息举报

    由 Summer 设计和编码 ❤

    请登录

    内容举报
    匿名举报，为防止滥用，仅管理员可见举报者。

    我要举报该，理由是：

    取消