New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
gulp-html-dependencies
Advanced tools
gulp-html-dependencies - npm Package Compare versions
Comparing version 1.1.0 to 2.0.0
| { | ||
| "name": "gulp-html-dependencies", | ||
| "version": "1.1.0", | ||
| "version": "2.0.0", | ||
| "description": "Parse your HTML file and copy bower/npm files to your destination directory", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
203
README.md
@@ -1,202 +0,3 @@ | ||
| # gulp-html-dependencies | ||
| Parse your HTML file and copy bower/npm dependencies to your destination directory | ||
| # gulp-html-dependencies | ||
| [](https://travis-ci.org/demsking/gulp-html-dependencies) | ||
| ## Install | ||
| `npm install --save-dev gulp-html-dependencies` | ||
| ## Usage | ||
| The project structure: | ||
| ``` | ||
| project/ | ||
| ├── bower_components | ||
| │ ├── bootstrap | ||
| │ │ └── dist | ||
| │ │ ├── css | ||
| │ │ │ ├── bootstrap.min.css | ||
| │ │ │ ├── bootstrap-theme.min.css | ||
| │ │ │ └── ... | ||
| │ │ └── js | ||
| │ │ ├── bootstrap.min.js | ||
| │ │ └── ... | ||
| │ └── jquery | ||
| │ └── dist | ||
| │ ├── jquery.min.js | ||
| │ └── ... | ||
| ├── node_modules | ||
| │ └── angular | ||
| │ └── angular.min.js | ||
| ├── src | ||
| │ ├── index.html | ||
| │ └── products.pug | ||
| └── gulpfile.js | ||
| ``` | ||
| Use relative paths for NPM/Bower dependencies: | ||
| ```html | ||
| <!doctype html> | ||
| <html> | ||
| <head> | ||
| <title>Test file</title> | ||
| <meta charset="utf-8"> | ||
| <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css"> | ||
| <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap-theme.min.css"> | ||
| </head> | ||
| <body> | ||
| <h1>Page title</h1> | ||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tempus enim leo, ac lacinia purus accumsan sit amet. In ultrices sagittis nulla, ut dapibus.</p> | ||
| <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script> | ||
| <script src="../bower_components/jquery/dist/jquery.min.js"></script> | ||
| <script src="../node_modules/angular/angular.min.js"></script> | ||
| <script src="plugins.js"></script> | ||
| </body> | ||
| </html> | ||
| ``` | ||
| In your `gulpfile.js`, add the task: | ||
| ```js | ||
| var gulp = require('gulp') | ||
| , dependencies = require('gulp-html-dependencies'); | ||
| var path_dest = 'dist'; | ||
| gulp.task('dependencies', function() { | ||
| return gulp.src('src/index.html') | ||
| .pipe(dependencies({ | ||
| dest: path_dest, // The basedir of your application. default: path.dirname(file.path) | ||
| prefix: '/vendor', // The URL prefix. Default "/" | ||
| })) | ||
| .pipe(gulp.dest(path_dest)); | ||
| }); | ||
| // or using a template preprocessing (pug) | ||
| gulp.task('dependencies-jade', function() { | ||
| return gulp.src('src/products.pug') | ||
| .pipe(pug()) | ||
| .pipe(dependencies({ | ||
| dest: path_dest, | ||
| prefix: '/vendor', | ||
| })) | ||
| .pipe(gulp.dest(path_dest)); | ||
| }); | ||
| // Gulp Default Task | ||
| gulp.task('default', ['dependencies', 'dependencies-jade']); | ||
| ``` | ||
| After the build, get: | ||
| ``` | ||
| project/ | ||
| ├── bower_components | ||
| │ └── ... | ||
| ├── dist | ||
| │ ├── index.html | ||
| │ ├── products.html | ||
| │ └── vendor | ||
| │ ├── angular | ||
| │ │ └── angular.min.js | ||
| │ ├── bootstrap | ||
| │ │ └── dist | ||
| │ │ ├── css | ||
| │ │ │ ├── bootstrap.min.css | ||
| │ │ │ └── bootstrap-theme.min.css | ||
| │ │ └── js | ||
| │ │ └── bootstrap.min.js | ||
| │ └── jquery | ||
| │ └── dist | ||
| │ └── jquery.min.js | ||
| ├── node_modules | ||
| │ └── ... | ||
| ├── src | ||
| │ ├── index.html | ||
| │ └── products.pug | ||
| └── gulpfile.js | ||
| ``` | ||
| ```html | ||
| <!doctype html> | ||
| <html> | ||
| <head> | ||
| <title>Test file</title> | ||
| <meta charset="utf-8"> | ||
| <link rel="stylesheet" href="/vendor/bootstrap/dist/css/bootstrap.min.css"> | ||
| <link rel="stylesheet" href="/vendor/bootstrap/dist/css/bootstrap-theme.min.css"> | ||
| </head> | ||
| <body> | ||
| <h1>Page title</h1> | ||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> | ||
| <script src="/vendor/bootstrap/dist/js/bootstrap.min.js"></script> | ||
| <script src="/vendor/jquery/dist/jquery.min.js"></script> | ||
| <script src="/vendor/angular/angular.min.js"></script> | ||
| <script src="plugins.js"></script> | ||
| </body> | ||
| </html> | ||
| ``` | ||
| ## Use the flat option | ||
| ```js | ||
| gulp.task('dependencies', function() { | ||
| return gulp.src('src/**/*.pug') | ||
| .pipe(pug()) | ||
| .pipe(dependencies({ | ||
| dest: 'dist', | ||
| prefix: '/vendor', | ||
| flat: true | ||
| })) | ||
| .pipe(gulp.dest('dist')); | ||
| }); | ||
| ``` | ||
| After the build, get: | ||
| ``` | ||
| project/ | ||
| ├── ... | ||
| ├── dist | ||
| │ ├── .. | ||
| │ └── vendor | ||
| │ ├── angular.min.js | ||
| │ ├── bootstrap.min.css | ||
| │ ├── bootstrap.min.js | ||
| │ ├── bootstrap-theme.min.css | ||
| │ └── jquery.min.js | ||
| ├── ... | ||
| ``` | ||
| ```html | ||
| <!doctype html> | ||
| <html> | ||
| <head> | ||
| <title>Test file</title> | ||
| <meta charset="utf-8"> | ||
| <link rel="stylesheet" href="/vendor/bootstrap.min.css"> | ||
| <link rel="stylesheet" href="/vendor/bootstrap-theme.min.css"> | ||
| </head> | ||
| <body> | ||
| <h1>Page title</h1> | ||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> | ||
| <script src="/vendor/bootstrap.min.js"></script> | ||
| <script src="/vendor/jquery.min.js"></script> | ||
| <script src="/vendor/angular/angular.min.js"></script> | ||
| <script src="plugins.js"></script> | ||
| </body> | ||
| </html> | ||
| ``` | ||
| ## License | ||
| Under the MIT license. See [LICENSE](https://github.com/demsking/gulp-html-dependencies/blob/master/LICENSE) file for more details. | ||
| This repo is now deprecated. Please use [gulp-web-dependencies](https://github.com/demsking/gulp-web-dependencies) instead. |
No alert changes
Worsened metrics
- Total package byte prevSize
- decreased by-40.42%
8224
- Number of package files
- decreased by-10%
9
- Number of lines in readme file
- decreased by-98.03%
4
No dependency changes