typescript - 使用 angular.json stylePreprocessor 在 NativeScript 应用程序中包含共享样式
问题描述
我正在尝试使用 Angular 6 stylePreprocessorOptions
,因此我可以简单@import 'app'
地将品牌/其他共享样式导入组件。
我的 nativescript 项目存在于 NxWorkspace 设置中,该设置本身包含一个angular.json
.
来自的文档@nativescript/schematics
说要在 NativeScript 项目根目录中生成一个新angular.json
文件,我已经这样做了,但我还在我的 NxWorkspace 根目录angular.json
文件中放置了一个定义的克隆,因为我不清楚使用的是哪个。
该angular.json
文件的内容可以在这里找到:https ://hastebin.com/zajiviqoyi.json
尝试使用@import "app"
它时告诉我它找不到与app
我已完成导入行的文件的相对文件。在我的其他应用程序设置中,但本例中的 NativeScript 似乎忽略了我的配置。
解决方案
过了一段时间,我自己解决了这个问题。
我不得不编辑webpack.config.js
.sass-loader
如果改变sass-loader
部分.scss
规则,可以添加includePaths
实现sass的后备文件解析。
{
loader: "sass-loader",
options: {
includePaths: ["assets/sass"]
}
}
这意味着我现在可以@import 'app'
并且 NativeScript 将在它自己的目录之外找到该文件。
作为警告,这不包括 NativeScript 拥有的文件扩展系统,因此您不能附加.tns
NativeScript 特定文件。
node-sass
(sass-loader) 确实支持一个loader
功能,如果需要,您可以使用该功能来模拟此功能。
推荐阅读
- sharepoint - mapping/migrating sharepoint users
- wso2 - 在 SCIM2 端点中公开自定义声明 - WSO2
- python - 如何使用python更新db2表中列的所有值
- java - 使用泛型休眠多对一双向
- sql - SQL 按整数值的连续范围分组
- java - 无法在动态创建的 Webview 中访问相机
- angular - forChild 和 forRoot 与路由器模块一起使用
- java - 使用 Selenium/Katalon 在 html 表上进行迭代
- powershell - 如何在“Invoke-Expression”中使用变量作为命令的参数
- angular - 如何将 css 应用于 ngx-formly 表单域?