作者:249126059_a32331 | 来源:互联网 | 2022-11-18 23:09
我正在使用create-react-app,并且正在使用“ .scss”文件来设置应用程序的样式,并且根据文档,autoprefixer应该会自动运行...
https://facebook.github.io/create-react -app / docs / post-processing-css
这是我的“ index.scss”文件...
/* autoprefixer grid: on */
@import "./app/css/reset";
@import "./app/css/variables";
@import "./app/css/mixins";
@import "./app/css/global";
@import "./app/css/form";
它只是导入了一堆其他的“ .scss”文件。
这是“ index.js”文件...
import React from "react";
import ReactDOM from "react-dom";
import * as serviceWorker from "./serviceWorker";
import { BrowserRouter as Router } from "react-router-dom";
import { Provider } from "react-redux";
import "./index.scss";
import App from "./App";
import { configureStore } from "./app/store/configureStore";
const store = configureStore();
ReactDOM.render(
,
document.getElementById("root")
);
serviceWorker.unregister();
这是package.json文件中的[浏览器列表] ...
"browserslist": [
"last 1 version",
"> 1%",
"maintained node versions",
"not dead"
]
我在这里做错了什么?每当我检查CSS时,都看不到任何自动前缀发生的情况。
1> Derek Nguyen..:
您的浏览器列表设置非常现代。这意味着不再需要许多cs前缀。尝试类似
"browserslist": [
"since 2010" // support all browsers & versions released since 2010
]
并且您应该开始看到自动安装程序启动。
这是您可以进行的查询的列表。