Возникла проблема с автоматическим префиксом webpack, не добавили -webkit- к анимации css? - PullRequest
Новая
       12

Возникла проблема с автоматическим префиксом webpack, не добавили -webkit- к анимации css?

0 голосов
/ 13 июня 2019

У меня проблема. Я не могу добавить некоторые префиксы '-webkit' для анимации CSS и другие. Но для сгибания добавляются -'ms '. Возможно проблема в списке браузеров, 

const autoprefixerOptions = {
    browsers:["Android 2.3", "Android >= 4", "Chrome >= 20", "Firefox >= 24", "Explorer >= 8", "iOS >= 6", "Opera >= 12", "Safari >= 6"],
    grid: true
};

{
                test: /\.scss$/,
                use: [
                    MiniCssExtractPlugin.loader,
                    {loader: 'css-loader', options: {importLoaders: 2}},
                    {
                        loader: "postcss-loader",
                        options: {
                            ident: 'postcss',
                            plugins: [
                                require('autoprefixer')(autoprefixerOptions),
                                require('cssnano')()
                            ]
                        }
                    },
                    {loader: "sass-loader", options: {}}
                ]
            },

1 Ответ

0 голосов
/ 19 июня 2019

Рекомендую заказать код, он будет более читабельным.Для меня это решение создает префикс a-webkit. 

{
  loader: 'postcss-loader',
  options: {
  sourceMap: true,
  config: {
    path: './config/',
  },
 },
},

В папке «config» у меня есть файлы postcss.config.js и webpack.config.js 

module.exports = {
  plugins: {
     'autoprefixer': {  },
     'postcss-url': {
       url: 'inline',
       maxSize: 50
     },
     'cssnano': {
       safe: true
     }
  }
};

Полная конфигурация автоматического префикса находится в файле package.json 

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

Посмотрите на мой проект и посмотрите, как он решается - github .

...