以角度4

Question

我是网络包的新手。对于我的样式表编译，我使用手写笔。使用手写笔的一个很好的功能是我们可以使用破裂来生成媒体查询。我们如何使用角度4的web包配置破裂npm包。

Answer 1

使用yarn add rupture -D或npm install rupture -D

添加破裂作为开发依赖项

将 stylePreprocessorOptions 添加到根目录中的 .angular-cli.json 文件

"styles": [
  "styles.styl"
],
"stylePreprocessorOptions": {
  "includePaths": [
  "../node_modules/rupture/"
  ]
},

现在可以使用 @import“破裂”

在整个应用程序中导入

破裂

将@import "rupture"语句放置在全局 styles.styl 文件中，使其全局可用，而无需在多个文件中单独导入

注意：代码块中的 styles只是对该位置的引用，您可以在任何地方添加stylePreprocessorOptions，但它必须是<\ n}中对象的一部分strong> apps 数组