gulp-bower-files-from-html
Extract the bower files from the html files according to script and link tags.
Installation
npm install --save-dev gulp-bower-files-from-html
Usage
For example, there is a project:
.
|---bower_components
|---react
|---react.min.js
|---react-dom.min.js
|___...
|---dist
|---node_modules
|---src
|---index.html
|---index.jsx
|---index.scss
|___...
|---gulpfile.js
|---package.json
|---bower.json
|___...
Scenario 1
- compile
ES6
intoES5
,scss
intocss
and then put all 'html', 'css' and 'js' files todist
(includingsrc
). - copy the bower components that we use to
dist
(That is what the plugin does).
src/index.html
Example
gulpfile.js
var gulp = ;var gulpBowerFilesFromHtml = ; gulp;
As a result, the dist
will look like:
|---dist
|---bower_components
|---react.min.js
|___react-dom.min.js
|---src
|---index.html
|---index.js
|---index.css
|___...
Scenario 2
- compile
ES6
intoES5
,scss
intocss
and then put all 'html', 'css' and 'js' files todist
(excludingsrc
). - copy the bower components that we use to
dist
(That is what the plugin does).
src/index.html
Example
The path of bower_components should omit
src
level and it should be relative to the html file indist
.
gulpfile.js
var gulp = ;var gulpBowerFilesFromHtml = ; gulp;
Use option
base
ingulp.src
to specify the path of bower_components relative togulpfile.js
.
As a result, the dist
will look like:
|---dist
|---bower_components
|---react.min.js
|___react-dom.min.js
|---index.html
|---index.js
|---index.css
|___...
Scenario 3
var gulp = ;var gulpBowerFilesFromHtml = ; // support multiple html filesgulp; // support stream modegulp;
Demo
License
Under the MIT license. See LICENSE file for more details.