Necesito Programar Más

    gulp-assetpaths

    0.3.3 • Public • Published

    gulp-assetpaths

    Build Status

    Change paths of assets from one environment to another Works for anything included with href, src, or url attributes

    var assetpaths = require('gulp-assetpaths');
     
    gulp.task('change-paths', function(){
      return gulp.src(['./*.html'])
        .pipe(assetpaths({
          newDomain: 'www.thenewdomain.com',
          oldDomain : 'www.theolddomain.com',
          docRoot : 'public_html',
          filetypes : ['jpg','jpeg','png','ico','gif','js','css'],
          customAttributes: ['data-custom'],
          templates: true
         }))
         .pipe(gulp.dest('../dist'));
    });

    options.newDomain - string

    the new domain

    options.oldDomain - string

    the old domain to replace if it was a full path. Anything that doesn't match this domain will be ignored so if you use CDNs for third party code those paths will not be changed.

    options.docRoot - string

    this will anchor all relative paths to the document root of your project. An example would be in your css file you include url(images/example.png) in a selector. All the directories up to the document root will be prepended to the images/example.png path giving you: url(http://www.thenewdomain.com/css/images/example.png)

    options.customAttributes

    an array of custom attributes you want to replace the paths of Ex. <img data-custom="/image.png" />

    options.templates - boolean (true by default)

    If this option is false, only paths to filetypes that are explicitly in the filetypes array will be replaced.

    If true, it will attempt to replace paths to static assets in templates. These paths will be changed :

    all image tags all css background or background-image properties all script tags tags that have a href attribute with a download attribute in the same tag <a href="<?php echo $myDownloadableThing; ?>" download="foo">

    options.filetypes

    Array of filetypes to change the path for.

    Use

    I used this to convert websites to start serving their static assets from a CDN.

    NOTE: This plugin assumes that any paths in a database or other other data sources are relative to the root directory if you are using server side or client side templating. Full paths in the database will give you the wrong path.

    /assets/images/image.png - OK

    http://www.oldDomain.com/assets/images/image.png - FAIL

    assets/images/image.png - FAIL

    Again that is only for dynamically generated paths. All of those examples in code will be replaced correctly.

    Install

    npm i gulp-assetpaths

    DownloadsWeekly Downloads

    237

    Version

    0.3.3

    License

    MIT

    Unpacked Size

    47.5 kB

    Total Files

    29

    Last publish

    Collaborators

    • qwales1