Node.js Girl
  1. Node.js Girl
  3. npm avec node-sass et autoprefixer
Intereting Posts
Comment obtenir toutes les données sur les sites en utilisant l’API foursquare Découvrez si quelqu’un a un rôle Discord.Js Diffusion en direct avec FFMPEG vers une API audio Web requête proxy dans node.js / express Sequelize Model.prototype. (CustomFunction) ne fonctionne pas Impossible de trouver Git ou Cordova sur votre chemin (Windows / Netbeans), Impossible de trouver GitHub sous AppData / Local, FIX 2015 Node.js Impossible de trouver le module ‘tcp’ Le noeud 5.5.0 est déjà installé, mais le noeud -v recherche «v4.2.1» sous OS X et homebrew? Déterminer la version la plus populaire d’un paquet npm donné? insertMany Gère les erreurs de doublons Extension de Array.prototype dans Node.js, à partir d’un fichier require’d obtenir toutes les valeurs de la fermeture dans node.js ou V8 Problème SetTimeout dans Node.js Comment laisser la méthode readFile asynchrone suivre l’ordre dans node.js Websocket: les données du serveur sont-elles envoyées de manière synchrone?

npm avec node-sass et autoprefixer

J’utilise node-sass pour comstackr tous mes fichiers Sass dans un fichier master.css. Cela fonctionne bien, mais maintenant je veux append des préfixes. Je voudrais utiliser uniquement le npm, pas de Gulp ou Grunt.

Voici mon fichier 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" } }

Je ne le fais pas courir. J’utilise autoprefixer et postcss-cli. Les modules ont été installés localement dans le répertoire du projet. Je pense que ma partie “script” est fausse. Comment cela semblerait-il correct? 

      { "name": "npm-node-sass", "version": "0.0.1", "devDependencies": { "autoprefixer": "^6.3.3", "browserify": "^13.0.0", "cssnano": "^3.5.2", "jshint": "^2.9.1", "node-sass": "^3.4.2", "postcss": "^5.0.16", "postcss-cli": "^2.5.1", "watch": "^0.17.1" }, "scripts": { "prebuild:css": "node-sass --include-path scss src/sass/styles.scss public/css/styles.css", "build:css": "postcss --use autoprefixer -b 'last 2 versions' < public/css/styles.css | postcss --use cssnano > public/css/styles.min.css", "lint": "jshint src/js/*.js", "build:js": "browserify src/js/main.js > public/js/bundle.js", "build": "npm run build:css && npm run build:js", "prebuild:js": "npm run lint", "build:watch": "watch 'npm run build' src/*" } }

    Vous avez besoin de postcss et postcss-cli en tant que devDependency.

    Disons que nous avons le fichier styles.sass dans le répertoire sass . J’ai utilisé quelque chose comme ceci (mon package.json): 

     { "scripts": { "c":"node-sass sass/styles.sass -o .|postcss styles.css -u autoprefixer -r", "w":"watch 'npm run c' sass" } }

    commande de terminal: npm run w . À ce stade, chaque enregistrement du fichier styles.sass produira automatiquement un fichier styles.css compilé et préfixé. J’ai des paquets postcss-cli, node-sass et watch installés globalement.