smooth-fe

Optimze CSS and JavaScript

Usage no npm install needed!

<script type="module">
  import smoothFe from 'https://cdn.skypack.dev/smooth-fe';
</script>

README

smooth-fe

Optimze And Combine CSS && JavaScript

简介

用于实现PHP项目中的前端优化,包括CSS、JS文件的压缩和合并。

安装

将php加入环境变量,并在命令行中执行

npm install -g smooth-fe

功能概述

  • 压缩项目中所有.css和.js文件;

  • 将项目中所有xx.js.php和xx.css.php执行后输出为xx.c.js和xx.c.js,并删除xx.js.php和xx.css.php文件

  • 将项目中所有对"xx.js.php"和"xx.css.php"引用替换为"xx.c.js"和"xx.c.js",例如 index.html

      <script type="text/javascript" src="./xx.js.php"></script>
      替换为:
      <script type="text/javascript" src="./xx.c.js"></script>
    

使用说明

在项目录下执行

smooth	../output

此时会在项目的同级目录下生成output文件夹,将该文件夹拷贝至服务器中即可。