Как подключить библиотеку из node_modules

334
16 января 2018, 14:48

Всем добрый вечер!

var gulp = require('gulp'); 
var sass = require('gulp-sass'); 
var browserSync = require('browser-sync'); 
var useref = require('gulp-useref'); 
var uglify = require('gulp-uglify'); 
var gulpIf = require('gulp-if'); 
var cssnano = require('gulp-cssnano'); 
var imagemin = require('gulp-imagemin'); 
var cache = require('gulp-cache'); 
var del = require('del'); 
var runSequence = require('run-sequence'); 
 
// Basic Gulp task syntax 
gulp.task('hello', function() { 
  console.log('Hello Zell!'); 
}) 
 
// Development Tasks  
// ----------------- 
 
// Start browserSync server 
gulp.task('browserSync', function() { 
  browserSync({ 
    server: { 
      baseDir: 'app' 
    } 
  }) 
}) 
 
gulp.task('sass', function() { 
  return gulp.src('app/scss/**/*.scss') // Gets all files ending with .scss in app/scss and children dirs 
    .pipe(sass().on('error', sass.logError)) // Passes it through a gulp-sass, log errors to console 
    .pipe(gulp.dest('app/css')) // Outputs it in the css folder 
    .pipe(browserSync.reload({ // Reloading with Browser Sync 
      stream: true 
    })); 
}) 
 
// Watchers 
gulp.task('watch', function() { 
  gulp.watch('app/scss/**/*.scss', ['sass']); 
  gulp.watch('app/*.html', browserSync.reload); 
  gulp.watch('app/js/**/*.js', browserSync.reload); 
}) 
 
// Optimization Tasks  
// ------------------ 
 
// Optimizing CSS and JavaScript  
gulp.task('useref', function() { 
 
  return gulp.src('app/*.html') 
    .pipe(useref()) 
    .pipe(gulpIf('*.js', uglify())) 
    .pipe(gulpIf('*.css', cssnano())) 
    .pipe(gulp.dest('dist')); 
}); 
 
// Optimizing Images  
gulp.task('images', function() { 
  return gulp.src('app/images/**/*.+(png|jpg|jpeg|gif|svg)') 
    // Caching images that ran through imagemin 
    .pipe(cache(imagemin({ 
      interlaced: true, 
    }))) 
    .pipe(gulp.dest('dist/images')) 
}); 
 
// Copying fonts  
gulp.task('fonts', function() { 
  return gulp.src('app/fonts/**/*') 
    .pipe(gulp.dest('dist/fonts')) 
}) 
 
// Cleaning  
gulp.task('clean', function() { 
  return del.sync('dist').then(function(cb) { 
    return cache.clearAll(cb); 
  }); 
}) 
 
gulp.task('clean:dist', function() { 
  return del.sync(['dist/**/*', '!dist/images', '!dist/images/**/*']); 
}); 
 
// Build Sequences 
// --------------- 
 
gulp.task('default', function(callback) { 
  runSequence(['sass', 'browserSync'], 'watch', 
    callback 
  ) 
}) 
 
gulp.task('build', function(callback) { 
  runSequence( 
    'clean:dist', 
    'sass', 
    ['useref', 'images', 'fonts'], 
    callback 
  ) 
})

Установил jquery и slick carousel через npm, но как теперь подключить их в html документ?

Answer 1

jQuery так: window.$ = window.jQuery = require('jquery');

slick попробуйте просто: require('slick');

P.S. У меня подключен jQuery и jqTree вот так:

window.$ = window.jQuery = require('jquery'); require('jqtree');

всё работает

READ ALSO
Помогите с кодировкой cp1251 в utf8 node js

Помогите с кодировкой cp1251 в utf8 node js

Много чего уже перепробывал ничего не помогло

590
Как вывести ответы на вопросы из массивов?

Как вывести ответы на вопросы из массивов?

Как реализовать тесты я не разу не делал, попробовал сделать это впервый разЯ реализовал примерно вывод из mysql массивы вопросов, ответов и правильных...

364
Как изменить формат даты в google chart?

Как изменить формат даты в google chart?

Использую в работе google chart, а именно Dual-Y Charts и вот столкнулся с вопросом, необходимо по оси X отобразить даты формата 09/10/2017, но ничего не выходит,...

382