Add assets copy step to Gulp pipeline

[RoSk0]

When selecting Gult pipeline and Bootstrap 3 we expect Bootstrap assets (fonts, SASS and JS) to be copied to local project directory. This directory should be configurable probably.

[RoSk0]

See font task as example here https://www.codevoila.com/post/32/customize-bootstrap-using-bootstrap-sass-and-gulp (this link is more for myself) .

[jenofdoom]

I have added new functionality so that if you select Bootstrap 3 you will be asked an additional question 'Are you using Drupal and Drupal's Bootstrap theme?' which, if you answer yes, will create a folder containing the bootstrap-sass files as 'bootstrap'. This is as per that modules setup instructions - this is a specific enough customisation that I don't think it was worth making more generic for other types of projects.

Please update your version using sudo npm update -g and let me know if this works as you expect.

[RoSk0]

Works as expected.

[RoSk0]

Hm, actually not. When I run npm run build after cleaning up all the stuff (rm -rf bootstrap/ css/ .sass-cache/) I got

 gulp build

[12:40:53] Using gulpfile /vagrant/web/themes/custom/tuft/gulpfile.js
[12:40:53] Starting 'build'...
[12:40:53] Starting 'set-build-flag'...
[12:40:53] Finished 'set-build-flag' after 1.36 ms
[12:40:53] Starting 'scss'...
Error in plugin "sass"
Message:
    scss/style.scss
Error: File to import not found or unreadable: ../bootstrap/assets/stylesheets/bootstrap.
        on line 7 of scss/style.scss
>> @import '../bootstrap/assets/stylesheets/bootstrap';

[RoSk0]

It looks like what was done is copy assets on project initialisation. So I added this task in a PR #11 .

[alexey0511]

Answers for drupal theme

? What is the name of your project? drupal-theme
? Where do you want your build process to be installed? New directory 'drupal-theme' created
? What kind of build process do you need? Gulp
? Do you want an index.html file created? No
? Do you want to use Browsersync (auto page reloading server/proxy)? No
? Do you want to add Bootstrap to your project? Yes
? Which version of Bootstrap do you want to use? 3
? Do you want JavaScript build support? No JS support
? Do you want to keep your compiled and uncompiled files in separate trees, or use a flat structure? Flat
? Name of the directory where your uncompiled files will live: scss
? Name of the directory where your built files will be written: css
? Are you using Drupal and Drupal's Bootstrap theme? Yes

[RoSk0]

TODO:

• Renames tasks to be "copy-*"
• Add bootsrap to .gitignore

[alexey0511]

there is a new version release 0.5.7. It should be fixed there. Please check

[RoSk0]

Thanks @alexey0511 !

It works but have number of issues:

1. In generated Gulp pipeline includePaths: [ './node_modules/bootstrap-sass/assets/stylesheets/' ] should be removed for Drupal
2. because 'copy-bootstrap' task is last in the build series if the bootstrap directory would be removed after running npm install sass task will not fail series because of .on('error', sass.logError) - so i would prefer to remove it