Minify CSS and JavaScript
发布博客时,压缩CSS和JavaScript文件的大小,能提升网页的加载速度,这里介绍使用cssnano和Terser工具来压缩。
压缩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
首先安装Terser:
npm install --save-dev terser
使用以下命令进行JavaScript文件的压缩:
npx terser input.js -c -m -o output.js