Question

在我的.angular-cli.json中，styles属性如下：

"styles": [
    "styles.css",
    "../node_modules/bootstrap/dist/css/bootstrap.min.css",
    "adminlte.css",
    "../node_modules/admin-lte/dist/css/skins/skin-yellow-light.min.css"
  ],

我希望这些文件会按顺序捆绑，但我得到styles.bundle.css这样：

AdminLTE ...... styles ...... skin-yellow-light ...... bootstrap ......

这导致我的项目风格在构建之后与开发模式不同。所以我想知道为什么。

Answer 1

我通过@import将所有样式文件解析为styles.css来解决此问题，因此我的angular-cli.json：

"styles": [
    "styles.css"
]

和styles.css：

/* import other style files */
@import "./styles/bootstrap.min.css";
@import './styles/adminlte.css';
@import './styles/skin-yellow-light.min.css';

/* some global styles */

使用AOT时，angular-cli不会按顺序捆绑样式文件

1 个答案: