Angular-CLI sass源映射
Angular-CLI是一个用于快速搭建和开发Angular应用的命令行工具。它提供了一系列的命令，可以帮助开发者生成组件、服务、模块等代码结构，同时还提供了开发服务器、构建和打包等功能。
Sass源映射是指在使用Sass预处理器编写样式时，将编译后的CSS代码映射回原始的Sass源文件，以方便开发者在浏览器的开发者工具中调试样式。通过源映射，开发者可以直接在浏览器中查看和编辑Sass源文件，而不需要在编译后的CSS文件中进行调试。
优势：
- 提高开发效率：Sass源映射可以让开发者直接在浏览器中调试样式，避免了反复修改编译后的CSS文件的过程，提高了开发效率。
- 方便调试：通过源映射，开发者可以准确地定位到Sass源文件中的具体位置，方便调试和修改样式。
- 提升代码质量：源映射可以帮助开发者更好地理解和维护样式代码，减少错误和bug的产生。
应用场景：
Sass源映射适用于任何使用Sass预处理器的项目，特别是在大型项目中更为重要。它可以帮助开发者更好地管理和调试样式代码，提高开发效率和代码质量。
推荐的腾讯云相关产品：
腾讯云提供了一系列与云计算相关的产品和服务，其中与前端开发相关的产品包括云服务器、云存储、云数据库等。这些产品可以帮助开发者快速部署和运行前端应用，并提供高可用性和可扩展性的基础设施支持。
腾讯云产品介绍链接地址：
- 云服务器：https://cloud.tencent.com/product/cvm
- 云存储：https://cloud.tencent.com/product/cos
- 云数据库：https://cloud.tencent.com/product/cdb
请注意，以上答案仅供参考，具体的产品选择和推荐应根据实际需求和情况进行评估和决策。
相关·内容
tsconfig.json还提供了inlineSources选项，但它被angular-cli忽略了。
有没有一种方法可以告诉angular-cli在.js中写入源映射？
浏览 0提问于2018-09-25得票数 7
如何在Meteor中使用LESS或SCSS的源代码映射？
当Meteor将我的SCSS编译成CSS时，我似乎得到了一个浏览器使用的名为MyStyles.scss.css的文件，后跟某种散列。
浏览 1提问于2013-06-18得票数 3
1回答
更新角-cli抛出错误
、、、
’(1)
节点-sass@4.6.1安装/usr/local/lib/node_modules/angular-cli/node_modules/node-sass节点脚本/install.jsUnable to save binary /usr/local/lib/node_modules/angular-cli/node_modules/node-sass</e
浏览 33提问于2017-11-12得票数 0
2回答
在我看过的所有资源中，我需要做的就是在DevTools首选项中启用源映射。那里显然启用了以下功能：源地图位于我的CCS文件旁边，如下所示：在DevTools > Elements >Style中，只有CSS文件，没有SCSS或SASS：下面是我在Gruntfile.js中的grunt-contrib配置： dist: { expand/src/
浏览 2提问于2018-10-29得票数 5
回答已采纳
我正在设置一个Grunt任务中的SASS源地图(Grunt-contrib)。理想情况下，我的所有项目的CSS都将合并到一个文件中，并使源映射与原始源保持一致。我最初的想法是，将输出源保存在单独的文件中是最简单的，这将使它变得简单，因为映射将是1到1，每个.scss源文件都有一个.scss输出文件。我可以看到如何为一个输出文件组合我的源文件和输出SASS，或者我可以在SASS导出它之后连接我的.css输出，但是很明显，在这两种实现中映射</em
浏览 1提问于2018-10-19得票数 1
回答已采纳
我有一个关于使用angular-cli的问题。我曾经使用过它，但我在覆盖webpack会议、sass文件、资产会议时遇到了问题。另一方面，我有很好的样板与因果报应测试sass和其他配置，这是足够的大多数项目。哪种解决方案更好？angular-cli还是花了一些时间来获得自己的自定义样板？
浏览 2提问于2017-01-20得票数 0
回答已采纳
2回答
全局安装角cli时出错
、、、
\bin\ng
> node scripts/install.js
Downloading binary from https://github.com/sass/node-sass/releases
浏览 0提问于2019-01-02得票数 0
回答已采纳
2回答
我有一个angular-cli项目，我已经添加了bootstrap-sass包。我已经在angular-cli.json中加载了样式，添加了以下内容： "../node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss",
"..我如何在一个angular-cli项目中做到这一点？
浏览 16提问于2017-02-09得票数 4
2回答
有没有办法使用新的Sass (3.3+)在默认情况下禁用源映射？现在，当我查看检查器时，我一直收到main.css.map (403禁止)。它看起来是默认生成的，但我想禁用它。
有什么想法吗？
浏览 1提问于2014-09-18得票数 1
你能帮我解释一下为什么离子2不能生成scss源图吗？在"ionic serve“之后，我导航到www/build文件夹，有main.css.map，但它包含null而不是生成的源地图，如何修复它？
浏览 2提问于2017-03-01得票数 6
回答已采纳
1回答
我正在尝试运行一个简单的Gulp任务来输出css并创建源映射。到css的转换运行良好，但当我打开开发人员控制台时，css仍然显示为来自style.css，而不是我所期望的.scss文件。我已经检查了浏览器设置中的“启用CSS源映射”。下面是我的代码： // compile all sass files to css return gulp.src('src/
浏览 12提问于2019-04-07得票数 0
回答已采纳
我正在尝试配置gulp将SASS (*.scss)文件转换为CSS，autoprefix，也想为编译的CSS文件生成一个源映射文件。我试图创建两个css文件，一个是普通的，另一个是它的缩小版本。当我在没有自动修复程序的情况下运行gulp任务时，一切都很好，但是有了自动修复程序，源映射就会变得一团糟，即当在开发工具中打开时，它指向了错误的行号。我甚至尝试在自动重定位之前加载源映射，然后在自动重定位完成后将其写入文件。sourcemaps.write('.
浏览 1提问于2019-05-14得票数 1
但是，当我试图在我的“sass”任务结束时通过Cssmin，我的内联源代码地图就停止工作了。// Compile SASS to CSS, add vendor prefixes, write sourcemaps, then minify
return gulp.src([paths.sass, '!./_styles/_sass/_partials
浏览 0提问于2017-01-25得票数 2
回答已采纳
3回答
/usr/local/lib/node_modules/angular-cli/node_modules/node-sass
Unable tosave binary /usr/local/lib/node_modules/angular-cli/node_modules/node-sass/vendor&
浏览 0提问于2018-05-01得票数 0
回答已采纳
1回答
我用SCSS语法包括了sass预处理程序。但是当我在弹出之后输入ng serve或npm运行构建时，我得到了这样的内容。/~/sass-loader/lib/loader.js?{"sourceMap":false,&
浏览 11提问于2017-06-01得票数 2
回答已采纳
{ "css-loader": "^0.26.0", "node-sasssourceMap', 'sass?./1.sass');body然后
$ rm -f dist/*
浏览 2提问于2016-11-20得票数 0
回答已采纳
1回答
是否可以压缩sass并在结果中包含源映射？如果我包括.pipe(cssnano())，它将移除源地图： return gulp.src(paths.sass+ sassFilename) .pipe(sass().on('error', sass.l
浏览 5提问于2016-09-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
