Question

我正在将项目升级到{N} 6.0，并且一直在使用nativescript-dev-sass插件。我意识到.scss文件现在由WebPack处理，但是我有一个部分文件（即，以下划线开头，因为它是由其他特定于平台的文件导入的），但是我收到了一个构建错误，指出该变量文件中引用的文件未定义，这表明该文件正在由scss transpiler处理为独立文件。

WARNING in ./views/_app-config-page.common.scss
Module build failed (from ../node_modules/sass-loader/lib/loader.js):

  font-size: $apphdr-font-size;  
            ^
      Undefined variable: "$apphdr-font-size".
      in /Users/david/Documents/NativeScriptProjects/cflclt/app/views/_app-config-page.common.scss (line 36, column 14)
 @ \b_[\w-]*\.)scss)$ (. sync (?<!\bApp_Resources\b.*)\.(xml|css|js|(?<!\.d\.)ts|(?<!\b_[\w-]*\.)scss)$) ./views/_app-config-page.common.scss
 @ ./app.js

对于{N} 6.0中的部分.scss文件，我需要做些其他的事情吗？

Answer 1

文件名是问题，或者至少是错误的原因。当我从

更改文件名时

_app-config-page.common.scss

到

_app-config-page-common.scss

构建错误消失了。似乎这是WebPack的sass-loader和以前使用的，现在已弃用的nativescript-dev-sass插件之间的区别。

{N} 6.0迁移：部分.scss文件现在分别编译

1 个答案: