3

我有一个现有的 CSS 文件，我想将它包含在我的 ExtJS 生产版本中。

我正在使用自定义主题。我知道我可以转到 MyApp/packages/myCustomTheme/sass/etc/ 并@import在 all.scss 文件中使用。但这@import在生产文件中使用。

我希望有一种方法可以让我现有的 CSS 文件与我的应用程序的其余部分 CSS 一起压缩。

4

2 回答 2

2

要将您的自定义 css 文件包含在您的生产构建中，您可以将样式表包含<!-- <x-compile> -->在您的index.html. 所以你index.html应该看起来像这样：

<!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>YourAppName</title>
    <link rel="stylesheet" href="link-to-custom.css">
    <link rel="stylesheet" href="link-to-another-custom.css">
        <!-- <x-compile> -->
            <!-- <x-bootstrap> -->
                <link rel="stylesheet" href="bootstrap.css">
                <script src="ext/ext-dev.js"></script>
                <script src="bootstrap.js"></script>
            <!-- </x-bootstrap> -->
            <script src="app/app.js"></script>
        <!-- </x-compile> -->
</head>
<body></body>

我不知道是否有更好的方法来做到这一点。到目前为止，这对我有用。希望这可以帮助。

于 2013-05-22T03:16:47.197 回答
1

根据指南，我们应该@import在 etc/all.scss 中放置语句。

我发现在这样做时，任何导入的文件实际上都编译在我们主题的 css 文件中。生产构建中未使用导入。

http://docs.sencha.com/extjs/4.2.1/#!/guide/theming - 请参阅“添加自定义实用程序 SASS”部分

于 2013-09-30T21:16:11.907 回答