npm-gulp-webpack
7648 ワード
テーマ1:どのようにしてnodeアプリケーションをグローバルにインストールしますか?
npm install -g XXX// node
タイトル2:package.jsonは何の役に立つの?
{
"name": "Hello World",
"version": "0.0.1",
"author": " ",
"description": " node.js ",
"keywords":["node.js","javascript"],
"repository": {
"type": "git",
"url": "https://path/to/url"
},
"license":"MIT",
"engines": {"node": "0.10.x"},
"bugs":{"url":"http://path/to/bug","email":"[email protected]"},
"contributors":[{"name":" ","email":"[email protected]"}],
"scripts": {
"start": "node index.js"
},
"dependencies": {
"express": "latest",
"mongoose": "~3.8.3",
"handlebars-runtime": "~1.0.12",
"express3-handlebars": "~0.5.0",
"MD5": "~1.2.0"
},
"devDependencies": {
"bower": "~1.2.8",
"grunt": "~0.4.1",
"grunt-contrib-concat": "~0.3.0",
"grunt-contrib-jshint": "~0.7.2",
"grunt-contrib-uglify": "~0.2.7",
"grunt-contrib-clean": "~0.5.0",
"browserify": "2.36.1",
"grunt-browserify": "~1.3.0",
}
}
```
タイトル3:npm install--save appとnpm install--save-dev appの違いは何ですか?
タイトル4:node_modulesの検索パスはどうですか?
テーマ5:npm 3はnpm 2と比較してどのような改善がありますか?yarnはnpmと比較してどんな優位性がありますか?(テーマを選ぶ)
テーマ6:webpackとは何ですか。他の同型ツールと比べてどんなメリットがありますか?
タイトル7:npm scriptって何ですか?使用方法
"scripts": {
"begin": "echo there it goes!",
"start": "node index.js",
}
タイトル8:webpackを使用して入門-タスク15でモジュール化して使用するrequriejsを置き換える
プレビューコード
テーマ9:gulpとは何ですか。gulpによるピクチャ圧縮、CSS圧縮マージ、JS圧縮マージ
var gulp = require('gulp')
var clean = require('gulp-clean')//
var cssnano = require('gulp-cssnano')//css
var concat = require('gulp-concat')//
var uglify = require('gulp-uglify')//js
var imagemin = require('gulp-imagemin')//
var babel = require('gulp-babel')
var notify = require('gulp-notify')
gulp.task('css', function () {
gulp.src('./dist/app.css')
.pipe(cssnano())
.pipe(gulp.dest('./gulp/css'))
.pipe(notify('CSS ！！！！'))
})
gulp.task('js', function () {
gulp.src(['./dist/app.merge.js'])
.pipe(babel({
presets: ['es2015']
}))
.pipe(uglify())
.pipe(gulp.dest('./gulp/js'))
.pipe(notify('JS ！！！！'))
})
gulp.task('img', function () {
gulp.src('./src/image/*')
.pipe(imagemin())
.pipe(gulp.dest('./gulp/image'))
.pipe(notify('IMG ！！！！'))
})
gulp.task('img1', function () {
gulp.src('./src/image/history/*')
.pipe(imagemin())
.pipe(gulp.dest('./gulp/image/history'))
.pipe(notify('IMG1 ！！！！'))
})
gulp.task('img2', function () {
gulp.src('./src/image/more/*')
.pipe(imagemin())
.pipe(gulp.dest('./gulp/image/more'))
.pipe(notify('IMG2 ！！！！'))
})
gulp.task('img3', function () {
gulp.src('./src/image/watches/*')
.pipe(imagemin())
.pipe(gulp.dest('./gulp/image/watches'))
.pipe(notify('IMG3 ！！！！'))
})
gulp.task('clean', function () {
gulp.src(['./gulp/css/*.css', './gulp/image/*','./gulp/js/*.js'],{read: false})
.pipe(clean())
})
gulp.task('build', ['clean'],function() {
gulp.start('css','js','img','img1','img2','img3')
})
テーマ10:nodeコマンドライン天気アプリケーションを開発し、ユーザーの現在の都市の天気を検索し、npmに公開する。使用は以下の方法でインストールできます(api.jirengu.comで提供されているクエリー天気インタフェースを使用できます)(テーマを選択)
$ npm install weather-search -g
weather //
weather beijing // beijing ，