Fatal编程技术网
  • twitter-bootstrap/
  • Twitter bootstrap chrome在开发模式下不显示样式源文件

Twitter bootstrap chrome在开发模式下不显示样式源文件

twitter-bootstrap webpack

Twitter bootstrap chrome在开发模式下不显示样式源文件,twitter-bootstrap,webpack,Twitter Bootstrap,Webpack,我用的是网页包，有角度的和boostrap。 我试图用chrome开发工具检查scss代码，但我看不到文件，我只看到了标记。如何使用chrome直接修改SCS或css 谢谢使用webpack编译的文件可以在源代码->webpack://下查看： 从这里，您可以添加断点，甚至可以动态修改文件 至于CSS规则本身，这些规则可以通过F12开发者工具的元素选项卡进行修改，该选项卡位于右侧的样式下没有任何帮助，因为我想知道我需要修改哪个scss文件。@Ronald Vodnick如果你需要生成源地图文

我用的是网页包，有角度的和boostrap。 我试图用chrome开发工具检查scss代码，但我看不到文件，我只看到了
标记。如何使用chrome直接修改SCS或css

谢谢

使用webpack编译的文件可以在
源代码->webpack://
下查看：

从这里，您可以添加断点，甚至可以动态修改文件

至于CSS规则本身，这些规则可以通过F12开发者工具的
元素
选项卡进行修改，该选项卡位于右侧的
样式下
没有任何帮助，因为我想知道我需要修改哪个scss文件。@Ronald Vodnick如果你需要生成源地图文件，那么只有你才能看到原始文件我刚刚从github获得一个启动项目，我如何确定它正在生成？你最初的问题不是如何根据编译的文件找出要修改的文件，而是如何检查未缩小的代码。给定新添加的图像，样式将以内联方式输出。找出这些选项来源的最佳方法是在项目中搜索其中一个选择器。此外，如果内容以您期望的方式呈现在页面上，那么它确实在生成。根据您对模板的预期，您可以查看HTML结构和呈现的CSS规则，以确保应用模板。