gpt4 book ai didi

php - 如何使用 grunt 缩小我的 index.php?

转载 作者:太空宇宙 更新时间:2023-11-04 16:19:41 24 4
gpt4 key购买 nike

I want to achieve this using grunt


目标

  • 我的主要目标是在将 index.php 放在我的生产服务器上之前缩小它们。
  • 如果我有 1 个单例 index.html 就很简单了,但我没有。
  • 相反,我有一个 index.php 满配其他.php文件。
  • 每个<?php ?> section 是一段 HTML 代码。

索引.php

<!DOCTYPE html>

<?php include '2015/layouts/ie.php'; ?>

<head>
<?php include '2015/layouts/meta.php'; ?>
<title>Title</title>
<?php include '2015/layouts/link.php'; ?>
<?php include '2015/layouts/style.php'; ?>
<?php include '2015/layouts/ie9.php'; ?>
</head>


<body >

<span id="web">
<?php include '2015/layouts/nav-bar.php'; ?>
<?php include '2015/layouts/welcome-sign.php'; ?>
<?php include '2015/layouts/profile.php'; ?>
<?php include '2015/layouts/skill.php'; ?>
<?php include '2015/layouts/education.php'; ?>
<?php include '2015/layouts/experience.php'; ?>
<?php include '2015/layouts/portfolio.php'; ?>
<?php include '2015/layouts/contact.php'; ?>
<?php include '2015/layouts/script.php'; ?>
</span>

<span id="print" style="display: none;" ><img src="2015/img/image.png" width="90%"></span>

</body>


</html>

最后

我想知道将所有 .php 文件连接到一个 php 文件并将其缩小的最有效方法是什么。

我更喜欢使用 grunt 来实现这一点,但如果有人对更好的解决方案有其他建议,请随时向我提出建议。

最佳答案

我通过两个简单的步骤完成了这个:

  • 将所有的php文件合并成1个长的php文件
  • 缩小那个长的 php 文件

第一步

使用:grunt-contrib-concat

concat: {

php: {

src: [

'2015/layouts/ie.php',
'2015/layouts/meta.php',
'2015/layouts/link.php',
'2015/layouts/style.php',
'2015/layouts/ie9.php',
'2015/layouts/nav-bar.php',
'2015/layouts/welcome-sign.php',
'2015/layouts/profile.php',
'2015/layouts/skill.php',
'2015/layouts/education.php',
'2015/layouts/experience.php',
'2015/layouts/portfolio.php',
'2015/layouts/contact.php',
'2015/layouts/script.php'

],

dest: 'dist/php/concat.php'

}
}

第二步

使用:grunt-contrib-htmlmin

htmlmin: {

dist: {
options: {
removeComments: true,
collapseWhitespace: true
},

tasks: ['clean:php'],
files: {
'index.php': 'dist/php/concat.php',
}
}
}

最终 grunt.initConfig() 应该是这样的

grunt.initConfig({

concat: {

php: {

src: [

'2015/layouts/ie.php',
'2015/layouts/meta.php',
'2015/layouts/link.php',
'2015/layouts/style.php',
'2015/layouts/ie9.php',
'2015/layouts/nav-bar.php',
'2015/layouts/welcome-sign.php',
'2015/layouts/profile.php',
'2015/layouts/skill.php',
'2015/layouts/education.php',
'2015/layouts/experience.php',
'2015/layouts/portfolio.php',
'2015/layouts/contact.php',
'2015/layouts/script.php'

],

dest: 'dist/php/concat.php'

}
},

htmlmin: {

dist: {
options: {
removeComments: true,
collapseWhitespace: true
},

tasks: ['clean:php'],
files: {
'index.php': 'dist/php/concat.php',
}
}
},

});


// Load NPM Tasks
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-contrib-htmlmin');

// Default
grunt.registerTask('default', ['concat','htmlmin']);

};

结果

如果我不向你们展示结果,那将不会很有趣。这是它。

enter image description here

关于php - 如何使用 grunt 缩小我的 index.php?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30191253/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com