如何告诉Autoprefixer在Angular 8项目中为CSS网格添加前缀
在Angular 8项目中，要告诉Autoprefixer为CSS网格添加前缀，可以按照以下步骤进行操作：
- 首先，确保你的项目中已经安装了Autoprefixer。可以通过运行以下命令来安装Autoprefixer：
- 首先，确保你的项目中已经安装了Autoprefixer。可以通过运行以下命令来安装Autoprefixer：
- 在项目的根目录下找到
postcss.config.js文件（如果没有则创建一个），并在该文件中添加以下代码： - 在项目的根目录下找到
postcss.config.js文件（如果没有则创建一个），并在该文件中添加以下代码： - 确保你的项目中已经安装了PostCSS。如果没有安装，可以通过运行以下命令来安装：
- 确保你的项目中已经安装了PostCSS。如果没有安装，可以通过运行以下命令来安装：
- 在项目的构建过程中，确保使用PostCSS来处理CSS文件。可以通过以下方式来配置Angular项目的构建过程：
- 打开
angular.json文件。 - 找到
architect->build->options->styles节点。 - 在
styles节点中添加以下配置： - 在
styles节点中添加以下配置： - 保存文件。
- 打开
- 重新构建你的Angular项目。在构建过程中，Autoprefixer将会自动为CSS网格添加相应的前缀。
这样，Autoprefixer就会在Angular 8项目中为CSS网格添加前缀。它可以自动检测浏览器的兼容性要求，并为CSS属性添加相应的前缀，以确保在不同浏览器中正确显示网格布局。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 对象存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent Cloud Metaverse）：https://cloud.tencent.com/solution/metaverse
相关·内容
我必须在一个Angular项目中支持IE 11，在那里我们使用它的最新版本。我真的很喜欢使用IE 11能够提供的CSS网格特性。但是我不知道如何让Autoprefixer正常工作。我将browserslist文件配置如下：IE 11/* autoprefixer grid: on */
(我已经在</em
浏览 27提问于2019-07-18得票数 6
我正在尝试在Create应用程序中启用自动重定位器Grid翻译。我还使用了comments解决方案，这使得不可能向CSS添加注释。因此，不可能使用/* autoprefixer grid: autoplace */控件注释方法。
是否仍然有可能启用网格转换而不弹出？
浏览 12提问于2019-10-17得票数 1
回答已采纳
我试图在我的Angular2 CLI项目中使用网格css，但是我得到了以下消息：
autoprefixer: IE supports only grid-row with / and span.You should add grid: false option to Autoprefixer and use some JS grid polyfill for full spec support我看了，它解释了如何在gulp文件中设置这个选项，
浏览 3提问于2017-05-04得票数 3
回答已采纳
我在我的项目中大量使用Flexbox，我真的很想让webpack在yarn build上为较旧的浏览器添加前缀。现在，SCSS被编译成CSS，但是没有添加前缀。require('extract-text-webpack-plugin');var autoprefixer
浏览 0提问于2019-03-31得票数 0
我的理解是，Rails6中的自动前缀可以通过PostCSS及其自动修复插件开箱即用。 但是，我不能验证这个库实际上是否为我的css添加了前缀。有没有办法确认标准的默认Rails 6.0.0应用程序是否可以开箱即用地自动添加前缀？我已经运行了yarn autoprefixer --info来查看它所应用的css规则和浏览器，以及它应用于我的浏览器chrome 77的def。我试着使用它列出的一个参数作为应用。然而，它在开发或生产中仍然不
浏览 29提问于2019-10-17得票数 5
我们使用sass将scss-文件编译成css。我们希望支持IE11，包括使用-ms-grid前缀的网格。为了达到这一目标，我们正在Windows上使用(npm)后置自动修复器。": "postcss --use autoprefixer -b \"last 5 versions\" css/style.comp.css -o css/style.prefix.css",: { gri
浏览 1提问于2019-12-19得票数 1
2回答
我刚刚把我的Angular2应用从SystemJS移植到了webpack。一切都很好，但是我已经厌倦了滚动异常的堆栈跟踪。
一个异常在控制台中产生了716行堆栈跟踪！
浏览 2提问于2016-12-25得票数 1
"prefix-css": "postcss build/resources/main/css/EverythingDay.css --use autoprefixer -b \"last 1 chrome"autoprefixer": "^6.7.7", },
"brows
浏览 1提问于2017-05-02得票数 2
1回答
这里我有一个css， height: calc(100vh - 46px); 这适用于所有浏览器，但对于mozila， height: -moz-calc(100vh -46px ); 这是可行的。那么，如何为不同的浏览器添加相同的内容呢？正如我所做的，它覆盖了第二个。 我该如何解决这个问题？
浏览 17提问于2019-06-28得票数 1
让我问一个问题:我需要如何为我的命令行界面Angular 2+ (目前我使用的是Angular 6)配置webpack，以便在Angular 6中使用jQuery的Kendo UI网格？我的问题是我在Angular 6项目中添加了两个文件: kendo.all.min.js和jquery-1.12.4.min.js<div id="grid">
浏览 1提问于2018-12-03得票数 0
在CSS文件(不是SASS或LESS文件)中添加没有添加供应商前缀的属性时，如何告诉VSCode自动添加供应商前缀样式属性？
浏览 4提问于2018-06-19得票数 3
在我的项目中，我想生成2个顺风文件。前端文件，没有前缀管理文件，所有类都以为前缀tailwind.config.jstailwind.admin.config.jsprefix: 'tw-',
浏览 6提问于2021-02-16得票数 0
回答已采纳
如何在angular项目中包含外部样式表并在不同的组件中使用它们。谁能告诉我包含样式表的整个过程。
我正在尝试在我的angular项目中使用定制的模板。我有所有的代码(HTML，css)，但我不能添加或导入我的angular项目中的所有代码，特别是css。
浏览 0提问于2018-09-05得票数 0
我试着：const {src,dest} = require('gulp');const autoprefixer, maps to source (file & line).
.pipe(postcss({plugins:[autoprefixer()]
浏览 0提问于2021-07-09得票数 1
回答已采纳
我想在一个新的rails 5.2.5项目中添加tailwindcss。由于我喜欢顺风，但知道它的重量，我也想有一个清除css模块。谢谢!
浏览 1提问于2021-04-29得票数 0
1回答
我正在学习角，我正在做一个项目，在这个项目中，我需要使用CSS网格布局。但是，我正在设法用给定的grid-area在网格中插入组件。在<app-slots></app-slots>中，我试图在app.component.html中这样做，但是组件<app-slots>仅被计算为一个网格位置；尽管它是42个位置。" style = "height:20px" > {{in
浏览 4提问于2022-07-06得票数 0
回答已采纳
顺风css文件非常大，2.42MiB，我如何减少这个文件的大小使用laravel？
浏览 0提问于2020-08-27得票数 3
5回答
如果你仍然不确信或不确定这篇文章不是关于什么的，也许你可以看看这个问题的底部：“我不想找什么”和“谁没有完成工作”</edit>
如果需要的话，是否有办法通过JavaScript设置合适的供应商前缀CSS我想得到一个通用的解决方案，如何通过JavaScript设置供应商前缀的CSS值客户端，除此之外，问题是如何做这个客户端，而不是作为构建过程的一部分(例如POSTcss)。对于如何在CSS属性名称上使用供应商前缀
浏览 6提问于2017-09-19得票数 10
回答已采纳
1回答
我正在尝试在我的node.js项目中显示一个。我必须添加来加载.ttf文件，但它没有显示。= require('autoprefixer');
test: /\.'),};
浏览器显示字体已应用(在Chrome和Firefox中验证)：
应该是(Android Cordova
浏览 24提问于2020-05-05得票数 0
问题是它直接搜索TA文件夹下的ui.grid，我不知道为什么ui.grid不查看/TA/ui-网格/ui网格文件夹下的文件？我在TA/SiteAsstes/Script/uiGrid下创建了一个文件夹，在index.html中我指的是这个地方。为什么用户界面网格直接在"TA“下搜索？所以想了解为什么它直接在"TA“文件夹下搜索ui网格，而不是在”/TA/SiteAsset
浏览 4提问于2015-02-26得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
