Minify CSS and JavaScript
发布博客时,压缩CSS和JavaScript文件的大小,能提升网页的加载速度,这里介绍使用cssnano和UglifyJS工具来压缩。
压缩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