CodeIgniter 视图、HTML、JS 和 CSS 压缩构建工具答案

【问题标题】：CodeIgniter views, HTML, JS, and CSS compressing build toolCodeIgniter 视图、HTML、JS 和 CSS 压缩构建工具
【发布时间】：2012-12-10 01:06:06
【问题描述】：

是否有任何开源或可修改的构建工具来压缩和最小化 javascript 和 css 文件，以及 CodeIgniter PHP 视图文件？

是否有任何工具可以压缩 HTML、CSS 和 Javascript 代码中使用的 id 和类名？与压缩 Javascript 时类似，您会得到一个单字母变量。

作为最终结果，我希望获得类似于 google.com 的来源。

【问题讨论】：

【解决方案1】：

我在我的视图文件上使用HTML5 Boilerplate 的构建脚本并启用preserve-php 功能

【讨论】：

【解决方案2】：

这不是完整的答案，但它应该能让你成功。

“它将合并、缩小和缓存资产。” 我已经使用它并且工作得很好。

关于视图查看这篇文章 http://www.herusetiawan.com/2010/12/minify-or-compress-html-output-with-codeigniter/ 你可以调整它来做一些事情，比如缩小类/ID 名称

【讨论】：

【解决方案3】：

如果您想要一种现代方法，那么使用 webpack 是前进的方向。这是一个深入的话题，我在这里有一个完整的系列详细介绍：http://mstd.eu/index.php/2017/03/02/using-webpack-in-codeigniter-3-step-1-set-up/

简而言之，您创建 webpack.config.js 文件，其中包含您希望构建脚本运行的所有命令，然后在您的 package.json 文件中，您在脚本数组中引用 webpack，这样您就可以简单地调用 npm run watch 并它会在每次更改时编译。

"scripts": {
    "build": "webpack",
    "watch": "npm run build -- --watch"
  },

【讨论】：