Laravel - генерировать mozilla moz CSS только авторефиксер - PullRequest
Новая
       6

Laravel - генерировать mozilla moz CSS только авторефиксер

0 голосов
/ 08 марта 2020

Итак, у меня есть css файлы, сгенерированные из s css (Laravel mix). Я ищу другой веб-набор css и другие файлы moz css. Таким образом, я не загружаю ненужные веб-файлы и файлы moz в Chrome. В любом случае, я могу это сделать? Спасибо.

Мой Webpack.mix. js файл 

let mix = require('laravel-mix');
require('laravel-mix-purgecss');
// require('autoprefixer');



mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css')
  .purgeCss({ enabled: true });


  mix.sass('resources/assets/sass/app.css', 'public/css/app-moz.css')
   .options({
        autoprefixer: {
            options: {
                browsers: [
                    'last 4 firefox version',
                ]
            }
        }
   });

 mix.sass('resources/assets/sass/app.css', 'public/css/app-kit.css')
   .options({
        autoprefixer: {
            options: {
                browsers: [
                    'last 4 safari version',
                ]
            }
        }
   });

Мой пакет. json

{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
        "axios": "^0.19.2",
        "bootstrap": "^4.4.1",
        "cross-env": "^5.2.1",
        "jquery": "^3.2",
        "laravel-mix": "^4.1.4",
        "laravel-mix-purgecss": "^5.0.0-rc.1",
        "lodash": "^4.17.15",
        "popper.js": "^1.16.1",
        "resolve-url-loader": "^3.1.1",
        "sass": "^1.26.2",
        "sass-loader": "^7.3.1",
        "sw-precache-webpack-plugin": "^1.0.0",
        "vue": "^2.6.11",
        "vue-template-compiler": "^2.6.11"
    },
    "dependencies": {}
}

Я получаю сообщение об ошибке, когда я делаю npm запуск производства. Это ошибка: 

 Replace Autoprefixer browsers option to Browserslist config.
  Use browserslist key in package.json or .browserslistrc file.

  Using browsers option cause some error. Browserslist config
  can be used for Babel, Autoprefixer, postcss-normalize and other tools.

  If you really need to use option, rename it to overrideBrowserslist.

  Learn more at:
  https://github.com/browserslist/browserslist#readme
  https://twitter.com/browserslist
...