Partage

lier autoprefixer à un fiche css

comment actionner autoprefixer postcss dans mon fichier css

2 janvier 2018 à 18:08:42

Bonjour,

Je souhaite savoir comment afficher les prefix-vendeurs dans mon fichier css au moyen de postcss autoprefixer. 


j'ai déjà télécharger via la console window en tant qu'administrateur un certain nombre d'éléments. Cela dit je ne comprends rien à la façon d'utiliser l'autoprefixer dans mon fichier css. 

Quelqu'un a-t-il une idée ? 

Ici les informations que me renvoie ma console window :

C:\WINDOWS\system32> cd F:\Kuzaliwa\projetsAfricains\Biashara\zanaZaHabari\libraries\grunt-master\gruntPackage

C:\WINDOWS\system32>F:

F:\Kuzaliwa\projetsAfricains\Biashara\zanaZaHabari\libraries\grunt-master\gruntPackage>npm init
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.

See `npm help json` for definitive documentation on these fields
and exactly what they do.

Use `npm install <pkg> --save` afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
name: (gruntPackage) gruntPackage
Sorry, name can no longer contain capital letters.
name: (gruntPackage) package
version: (1.0.0)
description: package for automating tasks
entry point: (index.js)
test command:
git repository:
keywords:
author:
license: (ISC)
About to write to F:\Kuzaliwa\projetsAfricains\Biashara\zanaZaHabari\libraries\grunt-master\gruntPackage\package.json:

{
  "name": "package",
  "version": "1.0.0",
  "description": "package for automating tasks",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}


Is this ok? (yes) yes

F:\Kuzaliwa\projetsAfricains\Biashara\zanaZaHabari\libraries\grunt-master\gruntPackage>npm install grunt --save-dev
npm WARN deprecated coffee-script@1.10.0: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
npm WARN prefer global coffee-script@1.10.0 should be installed with -g
package@1.0.0 F:\Kuzaliwa\projetsAfricains\Biashara\zanaZaHabari\libraries\grunt-master\gruntPackage
`-- grunt@1.0.1
  +-- coffee-script@1.10.0
  +-- dateformat@1.0.12
  | +-- get-stdin@4.0.1
  | `-- meow@3.7.0
  |   +-- camelcase-keys@2.1.0
  |   | `-- camelcase@2.1.1
  |   +-- decamelize@1.2.0
  |   +-- loud-rejection@1.6.0
  |   | +-- currently-unhandled@0.4.1
  |   | | `-- array-find-index@1.0.2
  |   | `-- signal-exit@3.0.2
  |   +-- map-obj@1.0.1
  |   +-- minimist@1.2.0
  |   +-- normalize-package-data@2.4.0
  |   | +-- hosted-git-info@2.5.0
  |   | +-- is-builtin-module@1.0.0
  |   | | `-- builtin-modules@1.1.1
  |   | +-- semver@5.4.1
  |   | `-- validate-npm-package-license@3.0.1
  |   |   +-- spdx-correct@1.0.2
  |   |   | `-- spdx-license-ids@1.2.2
  |   |   `-- spdx-expression-parse@1.0.4
  |   +-- object-assign@4.1.1
  |   +-- read-pkg-up@1.0.1
  |   | +-- find-up@1.1.2
  |   | | +-- path-exists@2.1.0
  |   | | `-- pinkie-promise@2.0.1
  |   | |   `-- pinkie@2.0.4
  |   | `-- read-pkg@1.1.0
  |   |   +-- load-json-file@1.1.0
  |   |   | +-- graceful-fs@4.1.11
  |   |   | +-- parse-json@2.2.0
  |   |   | | `-- error-ex@1.3.1
  |   |   | |   `-- is-arrayish@0.2.1
  |   |   | +-- pify@2.3.0
  |   |   | `-- strip-bom@2.0.0
  |   |   |   `-- is-utf8@0.2.1
  |   |   `-- path-type@1.1.0
  |   +-- redent@1.0.0
  |   | +-- indent-string@2.1.0
  |   | | `-- repeating@2.0.1
  |   | |   `-- is-finite@1.0.2
  |   | |     `-- number-is-nan@1.0.1
  |   | `-- strip-indent@1.0.1
  |   `-- trim-newlines@1.0.0
  +-- eventemitter2@0.4.14
  +-- exit@0.1.2
  +-- findup-sync@0.3.0
  | `-- glob@5.0.15
  +-- glob@7.0.6
  | +-- fs.realpath@1.0.0
  | +-- inflight@1.0.6
  | | `-- wrappy@1.0.2
  | +-- inherits@2.0.3
  | `-- once@1.4.0
  +-- grunt-cli@1.2.0
  | `-- resolve@1.1.7
  +-- grunt-known-options@1.1.0
  +-- grunt-legacy-log@1.0.0
  | +-- colors@1.1.2
  | +-- grunt-legacy-log-utils@1.0.0
  | | +-- chalk@1.1.3
  | | | +-- ansi-styles@2.2.1
  | | | +-- escape-string-regexp@1.0.5
  | | | +-- has-ansi@2.0.0
  | | | | `-- ansi-regex@2.1.1
  | | | +-- strip-ansi@3.0.1
  | | | `-- supports-color@2.0.0
  | | `-- lodash@4.3.0
  | +-- hooker@0.2.3
  | +-- lodash@3.10.1
  | `-- underscore.string@3.2.3
  +-- grunt-legacy-util@1.0.0
  | +-- async@1.5.2
  | +-- getobject@0.1.0
  | +-- lodash@4.3.0
  | `-- which@1.2.14
  |   `-- isexe@2.0.0
  +-- iconv-lite@0.4.19
  +-- js-yaml@3.5.5
  | +-- argparse@1.0.9
  | | `-- sprintf-js@1.0.3
  | `-- esprima@2.7.3
  +-- minimatch@3.0.4
  | `-- brace-expansion@1.1.8
  |   +-- balanced-match@1.0.0
  |   `-- concat-map@0.0.1
  +-- nopt@3.0.6
  | `-- abbrev@1.1.1
  +-- path-is-absolute@1.0.1
  `-- rimraf@2.2.8

npm WARN package@1.0.0 No repository field.

F:\Kuzaliwa\projetsAfricains\Biashara\zanaZaHabari\libraries\grunt-master\gruntPackage>npm install --global postcss-cli autoprefixer
C:\Users\PC\AppData\Roaming\npm\autoprefixer-info -> C:\Users\PC\AppData\Roaming\npm\node_modules\autoprefixer\bin\autoprefixer-info
C:\Users\PC\AppData\Roaming\npm\postcss -> C:\Users\PC\AppData\Roaming\npm\node_modules\postcss-cli\bin\postcss
C:\Users\PC\AppData\Roaming\npm
+-- autoprefixer@7.2.4
| +-- browserslist@2.10.2
| | `-- electron-to-chromium@1.3.30
| |   `-- electron-releases@2.1.0
| +-- caniuse-lite@1.0.30000784
| +-- normalize-range@0.1.2
| +-- num2fraction@1.2.2
| +-- postcss@6.0.15
| | +-- chalk@2.3.0
| | | +-- ansi-styles@3.2.0
| | | | `-- color-convert@1.9.1
| | | |   `-- color-name@1.1.3
| | | +-- escape-string-regexp@1.0.5
| | | `-- supports-color@4.5.0
| | +-- source-map@0.6.1
| | `-- supports-color@5.1.0
| |   `-- has-flag@2.0.0
| `-- postcss-value-parser@3.3.0
`-- postcss-cli@4.1.1
  +-- chalk@2.3.0
  | +-- ansi-styles@3.2.0
  | | `-- color-convert@1.9.1
  | |   `-- color-name@1.1.3
  | +-- escape-string-regexp@1.0.5
  | `-- supports-color@4.5.0
  |   `-- has-flag@2.0.0
  +-- chokidar@1.7.0
  | +-- anymatch@1.3.2
  | | +-- micromatch@2.3.11
  | | | +-- arr-diff@2.0.0
  | | | | `-- arr-flatten@1.1.0
  | | | +-- array-unique@0.2.1
  | | | +-- braces@1.8.5
  | | | | +-- expand-range@1.8.2
  | | | | | `-- fill-range@2.2.3
  | | | | |   +-- is-number@2.1.0
  | | | | |   +-- isobject@2.1.0
  | | | | |   +-- randomatic@1.1.7
  | | | | |   | +-- is-number@3.0.0
  | | | | |   | | `-- kind-of@3.2.2
  | | | | |   | `-- kind-of@4.0.0
  | | | | |   `-- repeat-string@1.6.1
  | | | | +-- preserve@0.2.0
  | | | | `-- repeat-element@1.1.2
  | | | +-- expand-brackets@0.1.5
  | | | | `-- is-posix-bracket@0.1.1
  | | | +-- extglob@0.3.2
  | | | +-- filename-regex@2.0.1
  | | | +-- kind-of@3.2.2
  | | | | `-- is-buffer@1.1.6
  | | | +-- object.omit@2.0.1
  | | | | +-- for-own@0.1.5
  | | | | | `-- for-in@1.0.2
  | | | | `-- is-extendable@0.1.1
  | | | +-- parse-glob@3.0.4
  | | | | +-- glob-base@0.3.0
  | | | | `-- is-dotfile@1.0.3
  | | | `-- regex-cache@0.4.4
  | | |   `-- is-equal-shallow@0.1.3
  | | |     `-- is-primitive@2.0.0
  | | `-- normalize-path@2.1.1
  | |   `-- remove-trailing-separator@1.1.0
  | +-- async-each@1.0.1
  | +-- glob-parent@2.0.0
  | +-- inherits@2.0.3
  | +-- is-binary-path@1.0.1
  | | `-- binary-extensions@1.11.0
  | +-- is-glob@2.0.1
  | | `-- is-extglob@1.0.0
  | +-- path-is-absolute@1.0.1
  | `-- readdirp@2.1.0
  |   +-- minimatch@3.0.4
  |   | `-- brace-expansion@1.1.8
  |   |   +-- balanced-match@1.0.0
  |   |   `-- concat-map@0.0.1
  |   +-- readable-stream@2.3.3
  |   | +-- core-util-is@1.0.2
  |   | +-- isarray@1.0.0
  |   | +-- process-nextick-args@1.0.7
  |   | +-- safe-buffer@5.1.1
  |   | +-- string_decoder@1.0.3
  |   | `-- util-deprecate@1.0.2
  |   `-- set-immediate-shim@1.0.1
  +-- dependency-graph@0.5.2
  +-- fs-extra@4.0.3
  | +-- graceful-fs@4.1.11
  | +-- jsonfile@4.0.0
  | `-- universalify@0.1.1
  +-- get-stdin@5.0.1
  +-- globby@6.1.0
  | +-- array-union@1.0.2
  | | `-- array-uniq@1.0.3
  | +-- glob@7.1.2
  | | +-- fs.realpath@1.0.0
  | | +-- inflight@1.0.6
  | | | `-- wrappy@1.0.2
  | | `-- once@1.4.0
  | +-- object-assign@4.1.1
  | +-- pify@2.3.0
  | `-- pinkie-promise@2.0.1
  |   `-- pinkie@2.0.4
  +-- ora@1.3.0
  | +-- chalk@1.1.3
  | | +-- ansi-styles@2.2.1
  | | +-- has-ansi@2.0.0
  | | | `-- ansi-regex@2.1.1
  | | +-- strip-ansi@3.0.1
  | | `-- supports-color@2.0.0
  | +-- cli-cursor@2.1.0
  | | `-- restore-cursor@2.0.0
  | |   +-- onetime@2.0.1
  | |   `-- signal-exit@3.0.2
  | +-- cli-spinners@1.1.0
  | `-- log-symbols@1.0.2
  |   `-- chalk@1.1.3
  |     +-- ansi-styles@2.2.1
  |     `-- supports-color@2.0.0
  +-- postcss@6.0.15
  | +-- source-map@0.6.1
  | `-- supports-color@5.1.0
  +-- postcss-load-config@1.2.0
  | +-- cosmiconfig@2.2.2
  | | +-- is-directory@0.3.1
  | | +-- js-yaml@3.10.0
  | | | +-- argparse@1.0.9
  | | | | `-- sprintf-js@1.0.3
  | | | `-- esprima@4.0.0
  | | +-- minimist@1.2.0
  | | +-- os-homedir@1.0.2
  | | +-- parse-json@2.2.0
  | | | `-- error-ex@1.3.1
  | | |   `-- is-arrayish@0.2.1
  | | `-- require-from-string@1.2.1
  | +-- postcss-load-options@1.2.0
  | `-- postcss-load-plugins@2.3.0
  +-- postcss-reporter@5.0.0
  | +-- lodash@4.17.4
  | `-- log-symbols@2.1.0
  +-- pretty-hrtime@1.0.3
  +-- read-cache@1.0.0
  `-- yargs@8.0.2
    +-- camelcase@4.1.0
    +-- cliui@3.2.0
    | +-- string-width@1.0.2
    | | +-- code-point-at@1.1.0
    | | `-- is-fullwidth-code-point@1.0.0
    | |   `-- number-is-nan@1.0.1
    | `-- wrap-ansi@2.1.0
    |   `-- string-width@1.0.2
    +-- decamelize@1.2.0
    +-- get-caller-file@1.0.2
    +-- os-locale@2.1.0
    | +-- execa@0.7.0
    | | +-- cross-spawn@5.1.0
    | | | +-- lru-cache@4.1.1
    | | | | +-- pseudomap@1.0.2
    | | | | `-- yallist@2.1.2
    | | | +-- shebang-command@1.2.0
    | | | | `-- shebang-regex@1.0.0
    | | | `-- which@1.3.0
    | | |   `-- isexe@2.0.0
    | | +-- get-stream@3.0.0
    | | +-- is-stream@1.1.0
    | | +-- npm-run-path@2.0.2
    | | | `-- path-key@2.0.1
    | | +-- p-finally@1.0.0
    | | `-- strip-eof@1.0.0
    | +-- lcid@1.0.0
    | | `-- invert-kv@1.0.0
    | `-- mem@1.1.0
    |   `-- mimic-fn@1.1.0
    +-- read-pkg-up@2.0.0
    | +-- find-up@2.1.0
    | | `-- locate-path@2.0.0
    | |   +-- p-locate@2.0.0
    | |   | `-- p-limit@1.1.0
    | |   `-- path-exists@3.0.0
    | `-- read-pkg@2.0.0
    |   +-- load-json-file@2.0.0
    |   | `-- strip-bom@3.0.0
    |   +-- normalize-package-data@2.4.0
    |   | +-- hosted-git-info@2.5.0
    |   | +-- is-builtin-module@1.0.0
    |   | | `-- builtin-modules@1.1.1
    |   | +-- semver@5.4.1
    |   | `-- validate-npm-package-license@3.0.1
    |   |   +-- spdx-correct@1.0.2
    |   |   | `-- spdx-license-ids@1.2.2
    |   |   `-- spdx-expression-parse@1.0.4
    |   `-- path-type@2.0.0
    +-- require-directory@2.1.1
    +-- require-main-filename@1.0.1
    +-- set-blocking@2.0.0
    +-- string-width@2.1.1
    | +-- is-fullwidth-code-point@2.0.0
    | `-- strip-ansi@4.0.0
    |   `-- ansi-regex@3.0.0
    +-- which-module@2.0.0
    +-- y18n@3.2.1
    `-- yargs-parser@7.0.0

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\postcss-cli\node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

F:\Kuzaliwa\projetsAfricains\Biashara\zanaZaHabari\libraries\grunt-master\gruntPackage>npm install grunt-autoprefixer --save-dev
package@1.0.0 F:\Kuzaliwa\projetsAfricains\Biashara\zanaZaHabari\libraries\grunt-master\gruntPackage
`-- grunt-autoprefixer@3.0.4
  +-- autoprefixer-core@5.2.1
  | +-- browserslist@0.4.0
  | +-- caniuse-db@1.0.30000784
  | `-- num2fraction@1.2.2
  +-- chalk@1.0.0
  | +-- has-ansi@1.0.3
  | | `-- ansi-regex@1.1.1
  | +-- strip-ansi@2.0.1
  | `-- supports-color@1.3.1
  +-- diff@1.3.2
  `-- postcss@4.1.16
    +-- es6-promise@2.3.0
    +-- js-base64@2.1.9
    `-- source-map@0.4.4
      `-- amdefine@1.0.1

npm WARN package@1.0.0 No repository field.

F:\Kuzaliwa\projetsAfricains\Biashara\zanaZaHabari\libraries\grunt-master\gruntPackage>$ autoprefixer -v
'$' is not recognized as an internal or external command,
operable program or batch file.

F:\Kuzaliwa\projetsAfricains\Biashara\zanaZaHabari\libraries\grunt-master\gruntPackage>$ npm install --global autoprefixer
'$' is not recognized as an internal or external command,
operable program or batch file.

F:\Kuzaliwa\projetsAfricains\Biashara\zanaZaHabari\libraries\grunt-master\gruntPackage>grunt
>> Local Npm module "grunt-eslint" not found. Is it installed?
>> Local Npm module "grunt-contrib-nodeunit" not found. Is it installed?
>> Local Npm module "grunt-contrib-watch" not found. Is it installed?
Loading "bump.js" tasks...ERROR
>> Error: Cannot find module 'semver'

Running "test" task
Warning: Task "eslint" not found. Use --force to continue.

Aborted due to warnings.

F:\Kuzaliwa\projetsAfricains\Biashara\zanaZaHabari\libraries\grunt-master\gruntPackage>npm install
npm WARN package@1.0.0 No repository field.

F:\Kuzaliwa\projetsAfricains\Biashara\zanaZaHabari\libraries\grunt-master\gruntPackage>npm install --save-dev autoprefixer-core
package@1.0.0 F:\Kuzaliwa\projetsAfricains\Biashara\zanaZaHabari\libraries\grunt-master\gruntPackage
+-- autoprefixer-core@6.0.1
| `-- autoprefixer@6.7.7
|   +-- browserslist@1.7.7
|   | `-- electron-to-chromium@1.3.30
|   |   `-- electron-releases@2.1.0
|   +-- normalize-range@0.1.2
|   +-- postcss@5.2.18
|   | +-- source-map@0.5.7
|   | `-- supports-color@3.2.3
|   |   `-- has-flag@1.0.0
|   `-- postcss-value-parser@3.3.0
`-- grunt-autoprefixer@3.0.4
  `-- autoprefixer-core@5.2.1
    `-- browserslist@0.4.0

npm WARN package@1.0.0 No repository field.

F:\Kuzaliwa\projetsAfricains\Biashara\zanaZaHabari\libraries\grunt-master\gruntPackage>grunt --version
grunt-cli v1.2.0
grunt v1.0.1

F:\Kuzaliwa\projetsAfricains\Biashara\zanaZaHabari\libraries\grunt-master\gruntPackage>npm i -D postcss-loader
package@1.0.0 F:\Kuzaliwa\projetsAfricains\Biashara\zanaZaHabari\libraries\grunt-master\gruntPackage
`-- postcss-loader@2.0.9
  +-- loader-utils@1.1.0
  | +-- big.js@3.2.0
  | +-- emojis-list@2.1.0
  | `-- json5@0.5.1
  +-- postcss@6.0.15
  | +-- chalk@2.3.0
  | | +-- ansi-styles@3.2.0
  | | | `-- color-convert@1.9.1
  | | |   `-- color-name@1.1.3
  | | `-- supports-color@4.5.0
  | +-- source-map@0.6.1
  | `-- supports-color@5.1.0
  |   `-- has-flag@2.0.0
  +-- postcss-load-config@1.2.0
  | +-- cosmiconfig@2.2.2
  | | +-- is-directory@0.3.1
  | | +-- os-homedir@1.0.2
  | | `-- require-from-string@1.2.1
  | +-- postcss-load-options@1.2.0
  | `-- postcss-load-plugins@2.3.0
  `-- schema-utils@0.3.0
    `-- ajv@5.5.2
      +-- co@4.6.0
      +-- fast-deep-equal@1.0.0
      +-- fast-json-stable-stringify@2.0.0
      `-- json-schema-traverse@0.3.1

npm WARN package@1.0.0 No repository field.

F:\Kuzaliwa\projetsAfricains\Biashara\zanaZaHabari\libraries\grunt-master\gruntPackage>

bien à vous,

Laurent

lier autoprefixer à un fiche css

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown