Как: пользовательский CSS-файл с Webpack?(Nativescript)

Question

Для моего приложения Nativescript (Angular, iOS) я хочу иметь другую загрузку CSS-файла, если приложение используется на планшете.Я в комплекте с веб-пакетом.

Я нашел полезную статью здесь: ссылка .Но я не могу заставить решение из этой статьи работать.Я думаю, что проблема в том, что я не знаю правильный код для ввода специфического для веб-пакета.Возможно, мне нужно что-то в файле webpack.config.js, но я еще не понял, что это должно быть.

После этой статьи у меня есть такой код:

app.module.ts:

import { DeviceType } from "ui/enums";
import { device } from "platform";
import * as application from "application";
import { setCssFileName } from "application";
const fs = require("file-system");
...
export class AppModule { 

    constructor() {
        if (device.deviceType === DeviceType.Tablet) {
            console.log('now on tablet')           
            let cssFileName = fs.path.join(fs.knownFolders.currentApp().path, "app.tablet.css");
            fs.File.fromPath(cssFileName).readText().then((result: string) => {
                application.addCss(result);
            });
        }
   }     
}

app.tablet.css:

.coolTabletStyle {
  font-size: ...
}

Консоль правильно читает «сейчас на планшете», но файл css планшета еще не используется.

Что еще мне нужно добавить - возможно, в файле webpack.config.js - чтобы получить файл css планшета для использования в случае, если пользователь находится на планшете?