使用nmp来代替gulp等
postcss
npm install –save-dev node-sass
node-sass –output-style compressed -o dist/css src/scss
npm install –save-dev postcss-cli autoprefixer
npm install –save-dev eslint
npm i -D uglify-js
npm i -D imagemin-cli
npm i -D svgo svg-sprite-generator
npm i -D browser-sync
npm i -D onchange
npm i -D parallelshell
“scripts”: {
“scss”: “node-sass –output-style compressed -o dist/css src/scss”
“autoprefixer”: “postcss -u autoprefixer -r dist/css/“
“lint”: “eslint src/js”
“uglify”: “mkdir -p dist/js && uglifyjs src/js/.js -m -o dist/js/app.js”
“imagemin”: “imagemin src/images dist/images -p”,
“icons”: “svgo -f src/images/icons && mkdir -p dist/images && svg-sprite-generate -d src/images/icons -o dist/images/icons.svg”
“serve”: “browser-sync start –server –files ‘dist/css/.css, dist/js/.js’”
"build:css": "npm run scss && npm run autoprefixer"
"build:js": "npm run lint && npm run uglify",
"build:images": "npm run imagemin && npm run icons",
"build:all": "npm run build:css && npm run build:js && npm run build:images"
"watch:css": "onchange 'src/scss/*.scss' -- npm run build:css",
"watch:js": "onchange 'src/js/*.js' -- npm run build:js",
"watch:all": "parallelshell 'npm run serve' 'npm run watch:css' 'npm run watch:js'"
"postinstall": "npm run watch:all"
}