如何：自定义CSS文件与网页包？（Nativescript）

对于我的Nativescript（Angular，iOS）应用程序，如果该应用程序正在平板电脑上使用，我希望加载不同的css文件。我正在打包webpack

我在这里找到了一篇有用的文章：。但是，我无法从那篇文章中找到解决方案。我想问题是我不知道输入特定于网页的正确代码。我可能需要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: ...
}

控制台正确读取“now on tablet”，但尚未使用tablet css文件

---

我还需要添加什么（可能在webpack.config.js文件中）才能在用户使用平板电脑时使用平板电脑css文件？

我可以问一下，为什么不尝试使用插件并用

.phone

/

.tablet

类包装您的类？我需要为生产做好性能准备，所以我不想冒险。该插件似乎有几个关键问题尚未解决：。因此，我更愿意选择非插件路线。您是否可以共享一个可复制此问题的游乐场示例。这很困难，因为它特定于使用webpack加载。上面的代码在没有webpack构建的情况下运行良好。我不知道如何在游乐场示例中具体说明网页设置。在任何情况下，答案都不可能是针对我的情况的——我确信需要为特定于网页包的构建添加一些代码，我正在寻找这些代码。请问，为什么不尝试使用插件并用

.phone

/

.tablet

类包装您的类呢？我需要性能为生产做好准备，所以我不想冒险。该插件似乎有几个关键问题尚未解决：。因此，我更愿意选择非插件路线。您是否可以共享一个可复制此问题的游乐场示例。这很困难，因为它特定于使用webpack加载。上面的代码在没有webpack构建的情况下运行良好。我不知道如何在游乐场示例中具体说明网页设置。在任何情况下，答案都不太可能是针对我的情况的——我相信需要添加一些代码到特定的webpack构建中，我正在寻找这些代码。