# CSS Autoprefixer

**Repository Path**: lixuewen9/CSS-Autoprefixer

## Basic Information

- **Project Name**: CSS Autoprefixer
- **Description**: 自动添加css前缀
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://lixuewen9.gitee.io/css-autoprefixer/
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-08-12
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

> 由于[Autoprefixer Css Online](http://autoprefixer.github.io/)经常由于某种原因，在清除缓存后打开要加载很久。所以参考此网站，研究了一波，搞了个自用的。

### 逻辑流程
1. 拿到页面上输入的`css`代码
2. 用`js`正则替换代码中的制表符为`4个空格`
3. 调用`postcss`和`autoprefixer`插件，自动添加`css`前缀
4. 调用`highlight.js`将转换后的代码进行高亮

### 依赖插件列表

插件名        | 描述
:-:          | :-: 
highlight.js | 高亮代码块
postcss      | 处理css代码
autoprefixer | 自动添加css前缀