startbootstrap-freelancer icon indicating copy to clipboard operation
startbootstrap-freelancer copied to clipboard

Migrating from old freelancer to new freelancer template - Vendor folder

Open awongCM opened this issue 1 year ago • 0 comments

Hi,

I'm in the process of migrating my old freelancer template pages that I created about 6 years ago, which was running on old NodeJS 6 to a new freelancer template pages.

It's been good so far; it's mostly copy-and-pasting activity so far.

However, I ran into this one peculiar problem.

image

As attached, the old freelancer template has these vendor assets before, but the new one no longer has this... :/

And I don't want to remove these into my new sites as it will certainly majority of the CSS/JS functionality the old portfolio site that I've been running for years now..

The old website using gulping tooling to copy vendor folders to the dist folder locations. The new website using plain npm tooling to achieve the same thing.. The only difference is that I need to add another npm script to build vendor assets somewhere in the npm script pipeline.

Here's the working snippet of gulping tooling.

// Copy third party libraries from /node_modules into /vendor
gulp.task('vendor', function() {

  // Bootstrap
  gulp.src([
      './node_modules/bootstrap/dist/**/*',
      '!./node_modules/bootstrap/dist/css/bootstrap-grid*',
      '!./node_modules/bootstrap/dist/css/bootstrap-reboot*'
    ])
    .pipe(gulp.dest('./vendor/bootstrap'))

  // Font Awesome
  gulp.src([
      './node_modules/font-awesome/**/*',
      '!./node_modules/font-awesome/{less,less/*}',
      '!./node_modules/font-awesome/{scss,scss/*}',
      '!./node_modules/font-awesome/.*',
      '!./node_modules/font-awesome/*.{txt,json,md}'
    ])
    .pipe(gulp.dest('./vendor/font-awesome'))

  // jQuery
  gulp.src([
      './node_modules/jquery/dist/*',
      '!./node_modules/jquery/dist/core.js'
    ])
    .pipe(gulp.dest('./vendor/jquery'))

  // jQuery Easing
  gulp.src([
      './node_modules/jquery.easing/*.js'
    ])
    .pipe(gulp.dest('./vendor/jquery-easing'))

  // Magnific Popup
  gulp.src([
      './node_modules/magnific-popup/dist/*'
    ])
    .pipe(gulp.dest('./vendor/magnific-popup'))

});

Would it be straight forward for me to retrofit this code into plain npm script? Is there any gotchas I need to watch out for when performing this migration?

Thanks!

awongCM avatar Jun 23 '24 11:06 awongCM