如何：使用Webpack自定义CSS文件？ （本语）

Question

对于我的Nativescript（Angular，iOS）应用程序，如果该应用程序在平板电脑上使用，我希望加载不同的CSS文件。我与webpack捆绑在一起。

我在这里找到了一篇有用的文章：link。但是，我无法从该文章中获得解决方案。我认为问题是我不知道输入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: ...
}

控制台正确读取“现在在平板电脑上”，但尚未使用平板电脑的css文件。

我还需要添加什么（也许在webpack.config.js文件中），以获取要在用户使用平板电脑时使用的平板电脑CSS文件？