Autoprefixer не работает в приложении create-response-app при использовании sass - PullRequest
Новая
       44

Autoprefixer не работает в приложении create-response-app при использовании sass

0 голосов
/ 03 февраля 2019

Я использую create-реагировать-приложение, и я использую файлы ".scss" для стилизации приложения, и в соответствии с документацией, автоматический префикс должен работать автоматически ... 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, я не вижу, чтобы происходило какое-либо автоматическое исправление.

1 Ответ

0 голосов
/ 04 февраля 2019

Ваш список браузеров действительно современный.Это означает, что многие префиксы CSS больше не нужны.Попробуйте что-то вроде 

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

, и вы должны увидеть, как включается авторефикс.

Вот список запросов, которые вы можете сделать .

...