Minify CSS and JavaScript

发布博客时,压缩CSSJavaScript文件的大小,能提升网页的加载速度,这里介绍使用cssnanoUglifyJS工具来压缩。

压缩CSS

首先安装cssnano和postcss:

npm install --save-dev cssnano postcss postcss-cli

在项目根目录添加 postcss.config.js 配置文件:

module.exports = {
  plugins: [require('cssnano')({ preset: 'default' })],
};

使用以下命令进行CSS文件的压缩:

npx postcss input.css > output.css

压缩JavaScript

首先安装UglifyJS:

npm install --save-dev uglify-js

使用以下命令进行JavaScript文件的压缩:

npx uglifyjs input.js -c -m -o output.js