我想要做的只是拥有一个可以监视和自动为我的 css 添加前缀的工具。之前我用的是pleeease.io,对我这种初学者来说非常简单,通过npm安装后,我需要做的是创建一个选项文件(.pleeeaserc),然后执行
pleeease watch
之后,我可以专注于我的 css,每次我对我的 css 文件进行更改时,它都会被处理并输出。
不幸的是,当我这样做时,作者似乎已经停止维护它
npm install pleeease
在我的新服务器上,我遇到了很多错误并且安装失败。
我想我是时候学习如何直接使用 autoprefixer 了,我相信 pleeease 将其集成为它的依赖项之一。
但是,我发现学习曲线对我来说有点太多了:要使用 autoprefixer,我需要学习 PostCSS;PostCSS 通常与 Grunt 或 Gulp 一起运行;要使用任务运行器,我需要了解一些关于 npm 和 node.js 的知识。我知道这些都是有用的工具,可以节省我大量的时间,有了它们,我可以做的不仅仅是自动前缀。稍后我将深入研究它们,但在我目前的压力下,我真的需要一些捷径,比如 pleeease 来启动和运行 autoprefixer,而不必消化所有关于 PostCSS 的文档和文章。我希望我能做类似的事情
[postcss|autoprefixer|something else] watch
在我的scss
文件夹下,每次我更改并保存时,都会生成input.scss
一个文件。output.scss
所以我有一些问题,我努力学习 PostCSS 和/或让 autoprefixer 工作尽可能简单:
PostCSS
1)为了澄清,和之间的关系是什么PostCSS-cli
?后者是依赖于还是包括前者?
2)安装后者是否仅启用postcss
在命令行界面中使用命令的能力?
3)我做了npm install -g postcss-cli
,但我仍然不能使用postcss
命令,我做错了什么?
4) 要查看文件更改并自动编译,我是否需要使用 Grunt 或 Gulp 等任务运行器以及 PostCSS?
npm install postcss
5)和有什么区别npm install grunt-postcss
?