如何使生成过程不将所有.scss文件编译为main.css

6yoyoihd 于 2023-01-14 发布在其他

关注(0)|答案(1)|浏览(159)

我的所有组件都有一些. scss文件，这些文件最终会合并为一个main.css。这使得调试变得很困难，因为Chrome开发者控制台没有对源scss的反向引用，例如component1.scss
为了调试运行的目的，是否可以保持不同的. scss文件不加修改地分开？
考虑一下Chrome开发控制台的以下快照，我可以猜出ChannelEntryComp这样的样式来自哪里，但我对"label"、"input"这样的样式一无所知，也许，它们可能在我的项目中被重新定义在不同的. scss中，有意或无意，从而对最终结果产生副作用。

这是我当前用于构建浏览器的构建命令行，是否有我可以在此处或其他位置指定的参数？

ionic serve --no-open --allow-file-access-from-files --target cordova

就在我认为我理解CSS的时候，一周后更多破碎的渲染让我大吃一惊。
如果有CSS工具或扩展你想让我考虑，请分享。
就当我是新手吧。
仍在离子3上：（
谢谢你。

i
TypeScript version
Version 4.3.5

Ionic:

   Ionic CLI          : 6.13.1 (C:\Users\AXM\AppData\Roaming\npm\node_modules\@ionic\cli)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.4

Cordova:

   Cordova CLI       : 11.0.0
   Cordova Platforms : android 10.1.2, browser 5.0.3
   Cordova Plugins   : cordova-plugin-ionic-webview 4.1.3, (and 15 other plugins)

Utility:

   cordova-res : 0.15.3
   native-run  : not installed

System:

   Android SDK Tools : 26.1.1 (C:/Users/AXM/AppData/Local/Android/Sdk)
   NodeJS            : v12.9.1 (C:\Program Files\nodejs\node.exe)
   npm               : 6.9.0
   OS                : Windows 10

我的launch.json配置文件有"sourceMaps"：真