使用sass时，autoprefixer在create-react-app中不起作用

Question

我正在使用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(
    <Provider store={store}>
        <Router>
            <App />
        </Router>
    </Provider>,
    document.getElementById("root")
);

serviceWorker.unregister();

这是package.json文件中的[浏览器列表] ...

"browserslist": [
    "last 1 version",
    "> 1%",
    "maintained node versions",
    "not dead"
]

我在这里做错了什么？每当我检查CSS时，都看不到任何自动前缀发生的情况。

Answer 1

您的浏览器列表设置非常现代。这意味着不再需要许多cs前缀。尝试类似

"browserslist": [
    "since 2010" // support all browsers & versions released since 2010
]

并且您应该开始看到自动安装程序启动。

这是您可以进行的查询的列表。