一键压缩打包

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

准备工作

请先确保你的环境已经安装好Node环境。
首先确认你application/config.php中app_debug的值,当为true的时候是采用的无压缩的JS和CSS,当为false时采用的是压缩版的JS和CSS。
请确保php所在的目录已经加入到系统环境变量,否则会提示找不到该命令
打开命令行控制台进入到FastAdmin根目录,也就是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

常见问题

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文件压缩前和压缩后浏览器请求对比(请右键查看大图):


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

点赞(6) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部