2017-12-07 4 views
0

私は彼らに欲しいやり方で働くスタートとデプロイメントのタスクを持っているが、私はアプリケーションを変更するとpublic/js/bundle.jsをアップデートする方法を考えようとしている.jsを監視することができます。GulpとNodemanで見るためのjavascriptファイルを束ねる

var gulp = require('gulp'); 
var streamify = require('gulp-streamify'); 
var uglify = require('gulp-uglify'); 
var transform = require('vinyl-source-stream'); 
var browserify = require('browserify'); 
var rename = require('gulp-rename'); 
var nodemon = require('gulp-nodemon'); 

var ios = browserify({ 
    entries:['app.js'] 
}); 

const bundle =() => { 

    process.env.NODE_ENV = 'production'; 

    ios.require('./app-ios.js', {expose:'appalias'}) 
     .bundle() 
     .pipe(transform('bundle-ios.js')) 
     .pipe(gulp.dest('./public/js')) 
     .pipe(streamify(uglify())) 
     .pipe(rename('bundle-ios.min.js')) 
     .pipe(gulp.dest('./public/js')); 

    return ios; 
} 

const start =() => { 
    return nodemon({ 
    script: 'server.js', 
    watch: ['server.js', 'public/js/*', 'public/index.html', 'public/css/*'], 
    ext: 'js html css', 
    env: { 'NODE_ENV': 'development' }, 
    }); 
} 

// Start local server and watch bundles. 
gulp.task('start', start); 

// Build minified versions for prod. 
gulp.task('deploy', bundle); 

答えて

0

修正はすべて、個々のjavascriptのコンポーネントやモデルファイルを見て、開始タスクにコンパイルタスクを追加しました:ここ

は、私がこれまでに得たものです。

// Bundle and minify for development, use development version of libraries. 
const compile =() => { 

    process.env.NODE_ENV = 'development'; 

    const bundleAndroidDev = ios.require('./app-ios.js', {expose:'appalias'}) 
    .bundle() 
    .pipe(transform('bundle-ios.js')) 
    .pipe(gulp.dest('./public/js')); 

    return bundleIosDev; 
} 

// Start local server and watch for changes in compiled bundles. 
const start =() => { 
    return nodemon({ 
    script: 'server.js', 
    watch: ['server.js', 'apps/appName/components/*', 'apps/appName/models/*', 'public/index.html', 'public/css/*'], 
    ext: 'js html css', 
    tasks: ['compile'], 
    env: { 'NODE_ENV': 'development' } 
    }); 
} 

// Compile bundle's on save. 
gulp.task('compile', compile); 
関連する問題