Tag: autoprefixer

Grunt grunt-postcss Autoprefixer不能正常工作: 我已经跳进了一个非盈利的开源项目，并且想要帮助一下，但是我不熟悉Grunt。我做了一些研究，不知道为什么configuration不起作用。这是我正在尝试使用的插件。它允许应用几个后处理器，但我现在只需要Autoprefixer： https ： //github.com/nDmitry/grunt-postcss configuration： Gruntfile.js http://pastebin.com/4Ud0sa1W grunt/concurrent.js http://pastebin.com/Satr1wSK grunt/sass.js http://pastebin.com/rc6evWas grunt/watch.js http://pastebin.com/eGBpFSLs 任务得到执行没有问题： laptop:website lextoc$ grunt sass:postcss Running "sass:postcss" (sass) task Done. 但是，CSS文件没有得到所需的供应商前缀，我使用display: flex来检查它是否工作。原来的项目（我分叉它）可以在这里find： https ： //github.com/faforever/website

如何在Node.js中使用Autoprefixer: 根据官方文件，这很简单：用法： var autoprefixer = require('autoprefixer-core'); var postcss = require('postcss'); postcss([ autoprefixer ]).process(css).then(function (result) { result.warnings().forEach(function (warn) { console.warn(warn.toString()); }); console.log(result.css); }); 然而，我很困惑我到底做了什么来build立与process()一起使用的对象css 。我尝试使用fs.readfile()的结果，但似乎并没有工作。我的服务器模块相当大，在这里省略代码可能会更好。我真的只是简单地需要知道如何创build过程函数的css 。

如何将“Auto Prefixer”合并到“package.json”和“grunt.js”中？: 我是一个网页devise的新手，正如你所想象的，尝试成为一个像SaSS，NPM和Grunt这样的全栈开发者是一个巨大的学习曲线。我有一个样板WordPress主题，包含一个粗鲁的工作stream程与sass，缩小器，BrowserSync和所有有趣的东西。但在工作stream程中没有autoprefixer，我想添加它，因为我想开始testingFlexBoxdevise，并需要大量的前缀才能正常工作。我在网上search了如何简单地将Auto Prefixer添加到gruntfile ，所有的答案都是超级含糊的，就像“只要把这个代码添加到grunt.js文件”一样。这应该是一个“后处理”， grunt.js似乎是按照它将完成任务的顺序编写的。我也不熟悉任何的语法，所以只是说“包含它”没有帮助，我总是担心我没有把它放在一定的括号之后或分号正确之前。我只想让别人明确地告诉我，我需要把代码放在grunt.js文件中。作为奖励，我想把这个添加到我的package.json文件中，以便将来当我启动一个新项目并运行我的初始“install npm”命令时，它将下载auto prefixer并准备出去大门。 SO tldr; 如何下载自动前缀？（这是文件夹中的一组文件？在我的项目中应该在哪里文件的文件夹去，以防万一我安装在错误的地方最初通过命令行）在哪里我需要添加autoprefixer代码我的Grunt.js文件？最后，在我第一次input“install npm”的时候，我需要在我的package.json文件中包含哪些内容以确保autoprefixer包含在将来的项目中？我将包括我当前的Grunt.js文件和package.json文件，这样你们就可以简单地复制/粘贴必要的代码给我。这将帮助我在未来知道如何将新stream程添加到我的工作stream程。这是我的Grunt.js文件： module.exports = function ( grunt ) { 'use strict'; // Load all grunt tasks matching the 'grunt-*' pattern require( 'load-grunt-tasks' )( grunt ); // Time how long tasks take. require('time-grunt')(grunt); // Get this […]

npm与节点sass和autoprefixer: 我使用node-sass将所有的Sass文件编译为master.css。这工作得很好，但现在我想添加前缀。我只想使用npm，不使用Gulp或Grunt。在这里我的package.json文件： { "name": "xxxxxx.com", "version": "1.0.0", "description": "", "watches": { "sass": "src/scss/**" }, "scripts": { "sass": "node-sass src/scss/master.scss -o dist/css/ –style compressed", "prefix": "postcss –use autoprefixer dist/css/master.css -d dist/css/master.css", "dev": "rerun-script" }, "author": "Jan", "license": "ISC", "devDependencies": { "autoprefixer": "^6.3.1", "browserify": "^13.0.0", "clean-css": "^3.4.9", "node-sass": "^3.4.2", "postcss-cli": "^2.5.0", "rerun-script": "^0.6.0", "uglifyjs": "^2.4.10" […]

在没有Gulp的情况下在npm中使用Autoprefixer: 我是否需要安装所有这些依赖和devDependencies在节点中使用autoprefixer，尽pipe我根本不使用gulp？ https://github.com/postcss/autoprefixer/blob/master/package.json 我想像这样在节点中使用它： "scripts": { "build:css": "autoprefixer -b 'last 2 versions' <assets/styles/main.css | cssmin > dist/main.css" } 如下所述： http : //blog.keithcirkel.co.uk/how-to-use-npm-as-a-build-tool/ 但是我得到一个错误，说系统找不到文件，不知道这个文件是什么意思。我安装了它 npm install autoprefixer –save-dev