1. npm (node package management):node 的包管理
(1):Use npm to install, share, and distribute code;用node可以安装,分享,构建代码
ex: npm install gulp 举例npm安装gulp
npm install gulp -g
npm 全局安装:为什么要全局安装?
因为如果全局安装的话,可以在电脑任何地方用;ex:npm install http-server -g
npm install gulp --save-dev npm安装gulp保存到此设备
为什么后面要加 --save-dev ?
如果npm install 后面加 --save-dev,可以在package.json里面的devDependencies 可以看到 包管理:gulp-imagemin,gulp-scss,gulp;
(2) manage dependencies in your projects;
npm install gulp --save-dev
gulp file.js
vargulp =require('gulp');
varsass =require('gulp-sass');
varimagemin =require('gulp-imagemin');
gulp.task('sass',function() {
returngulp.src('./src/scss/*.scss')
.pipe(sass().on('error',sass.logError))
.pipe(gulp.dest('./dist/css'));
});
gulp.task('sass:watch',function() {
gulp.watch('./src/scss/*.scss',['sass']);
});
gulp.task('package-js',function() {
gulp.src('./src/js/*.js')
.pipe(gulp.dest('./dist/js'));
});
gulp.task('package-html',function() {
gulp.src('./src/index.html')
.pipe(gulp.dest('./dist'));
});
gulp.task('package-image',function() {
gulp.src('./src/assets/*.png')
.pipe(gulp.dest('./dist/assets'));
});
gulp.task('develop',['sass','package-js','package-html','package-image']);
(3) and share & receive feedback with others.