前端的工具

Browserlist

作用

共享适配浏览器的配置

使用

• npx browserlist
  直接使用，读取目录下的 .browserslist 文件
• 其它工具自动调用

PostCSS

作用

通过JavaScript转换样式

配置文件

postcss.config.js

module.exports = {
	plugins:[
		require('postcss-preset-env')
	]
}

使用

1. 查找构建工具中的扩展
2. 添加插件

• PostCSS-CLI
  在命令行使用

npx postcss --use 插件 -o result.css ./src/css/test.css

• webpack
  使用 postcss-loader

{
	loader:"postcss-loader",
	options:{
		postCssOptions: {
			plugins: [
				require("autoprefixer") // 自动添加前缀
				// 某些插件也可以直接传入字符串
			]
		}
	}
}

插件

autoprefixer

postcss-preset-env

更常用，包含 autoprefixer 的特性