问题标签 [pleeease]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
gruntjs - Grunt Pleeease:扩展现有的源图
我编写 Sass 并使用 grunt-pleeease 内联 @includes 等。不幸的是,pleeease 内联了它的源映射并忽略了现有的映射。
来自 sass 的源映射文件与我传递给 pleeease 的 css 位于同一文件夹中(main.css 和 main.css.map)
有没有办法告诉 pleeease 使用现有的源映射并扩展它?
gruntjs - 使用自动前缀的最简单方法?
我想要做的只是拥有一个可以监视和自动为我的 css 添加前缀的工具。之前我用的是pleeease.io,对我这种初学者来说非常简单,通过npm安装后,我需要做的是创建一个选项文件(.pleeeaserc),然后执行
之后,我可以专注于我的 css,每次我对我的 css 文件进行更改时,它都会被处理并输出。
不幸的是,当我这样做时,作者似乎已经停止维护它
在我的新服务器上,我遇到了很多错误并且安装失败。
我想我是时候学习如何直接使用 autoprefixer 了,我相信 pleeease 将其集成为它的依赖项之一。
但是,我发现学习曲线对我来说有点太多了:要使用 autoprefixer,我需要学习 PostCSS;PostCSS 通常与 Grunt 或 Gulp 一起运行;要使用任务运行器,我需要了解一些关于 npm 和 node.js 的知识。我知道这些都是有用的工具,可以节省我大量的时间,有了它们,我可以做的不仅仅是自动前缀。稍后我将深入研究它们,但在我目前的压力下,我真的需要一些捷径,比如 pleeease 来启动和运行 autoprefixer,而不必消化所有关于 PostCSS 的文档和文章。我希望我能做类似的事情
在我的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
?