如何简单且优雅的使用 PostCSS -> CSS 补前缀功能

简单且优雅的使用 PostCSS -> CSS 补前缀功能：

1、安装 package.json

先安装 package.json记录安装所用的插件，以便在其他电脑也能快速搭建对应环境。

npm init

根据对应的提示填写内容后，得到一个 package.json 文件。

注意：

package.json 文件的 name 不能与所需的插件名一样，如果名字相同的话，会引起一下错误（例如我的package文件name改为postcss，然后安装postcss插件的时候会引起下面的错误）。

npm ERR! code ENOSELF
npm ERR! Refusing to install package with name "postcss" under a package
npm ERR! also called "postcss". Did you name your project the same
npm ERR! as the dependency you're installing?
npm ERR!
npm ERR! For more information, see:
npm ERR!     <https://docs.npmjs.com/cli/install#limitations-of-npms-install-algorithm>

---

2、安装工具 PostCSS 、autoprefixer

安装需要用的工具 PostCSS 、autoprefixer；

npm install --save-dev postcss autoprefixer

安装完成后，就可以在对应的目录下新建文件，然后进行编译，例如我新建css文件夹，在里面新建 css 文件，然后执行编译代码：

npx postcss css/*.css --use autoprefixer -d build/

代码中的 css/*.css 为目标文件夹与对应文件，build/ 为编译后的存放文件的文件夹。

---

有问题欢迎留言一起交流，路还很长，未完待续…