一键压缩打包

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

准备工作

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

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

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

打开命令行控制台进入到FastAdmin根目录,也就是think文件所在的目录

常用命令

  1. //一键压缩打包前后台的JS和CSS
  2. php think min -m all -r all
  3. //一键压缩打包后台的JS和CSS
  4. php think min -m backend -r all
  5. //一键压缩打包前后台的JS
  6. php think min -m all -r js
  7. //一键压缩打包后台的CSS
  8. php think min -m backend -r css

常见问题

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.jspublic/assets/js/require-backend.jspublic/assets/css/frontend.csspublic/assets/css/backend.css

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

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

使用范例

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

JS和CSS文件压缩前和压缩后浏览器请求对比

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