fix: Missing super-tabs.scss file

[gvhuyssteen]

Copy super-tabs.scss to dist/components directory so that it ends up with the published package.

Inspired by @allanpoppe

allanpoppe@b33ffdd#diff-b9cfc7f2cdf78a7f4b91a753d10865a2

[gvhuyssteen]

A temporary solution for now is to create a hook.

Step 1
In the root of the project, create a folder called scripts and a child folder called ionic2-super-tabs-fix. (The traditional way of creating a hooks folder does not work)

scripts/ionic2-super-tabs-fix/

Step 2
Inside of the child directory, create a javascript file and call it setStyleSheet.js

scripts/ionic2-super-tabs-fix/set-style-sheet.js

Step 3
Copy https://raw.githubusercontent.com/zyra/ionic2-super-tabs/master/src/components/super-tabs.scss into the child directory.

scripts/ionic2-super-tabs-fix/super-tabs.scss

Step 4
Open scripts/ionic2-super-tabs-fix/set-style-sheet.js and paste the following script:

#!/usr/bin/env node

var fs = require('fs');
module.exports = function(context) {
  // Include ionic2-super-tabs into node package
  fs.createReadStream('./scripts/ionic2-super-tabs-fix/super-tabs.scss').pipe(fs.createWriteStream('./node_modules/ionic2-super-tabs/dist/components/super-tabs.scss'));
};

Step 5
Edit the config.xml file and register the hook inside of the android platform tag.
<hook src="scripts/ionic2-super-tabs-fix/set-style-sheet.js" type="before_prepare" />

This hook will run every time cordova build is called.
Ref: https://cordova.apache.org/docs/en/latest/guide/appdev/hooks/

This is an excerpt of the config.xml file just to show the location of where to register the hook

<?xml version='1.0' encoding='utf-8'?>
<widget ...>
    ...
    <platform name="android">
        <hook src="scripts/ionic2-super-tabs-fix/set-style-sheet.js" type="before_prepare" />
        ....
    </platform>
    ....
</widget>

Step 6
From your terminal, run ionic cordova build.
This will trigger the hook and copy the sass file into the node_modules directory where it belongs.
(You might have to run it twice as before_prepare is called slightly after Cordova packages the node_modules and will not be included in the first run)

[ihadeed]

postbuild runs after build though.

Is this a new issue introduced by a specific NPM version?