Опция laravel-mixrifyCss не работает

Я собираюсь использовать PureyCss Laravel-Mix. Функция работает нормально на новой установке, но когда я пытаюсь обновить старую версию laravel-mix, ничего не происходит и никаких ошибок не отображается.

это правильный файл package.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": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "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": {
    "cross-env": "^5.1",
    "laravel-mix": "^2.0",
    "popper.js": "^1.13.0",
    "purify-css": "^1.2.6",
    "purifycss-webpack": "^0.7.0"
  },
  "dependencies": {
    "bootstrap": "^4.0.0",
    "font-awesome": "^4.7.0",
    "jquery": "^3.3.1",
    "normalize.css": "^8.0.0",
    "velocity-animate": "^2.0.1"
  }
}

это мое webpack.mix.js

let mix = require('laravel-mix');

mix.options({
    purifyCss: true
});

//default path
mix.setPublicPath('website');

//index
mix.sass('resources/assets/sass/index/index-desktop.scss', 'css/index/index-desktop.min.css');

и это тестовый блейд-файл

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="{{ session('user.language_code') }}">
<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://fonts.googleapis.com/css?family=Caudex" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('css/index/index-desktop.min.css') }}">

</head>
<body>

</body>
</html>

Также я использую yarn и когда я пытаюсь yarn run production CSS никогда не удаляется.

Источник

2 ответа

Решение

Проблема была решена.

Если у вас возникла такая же проблема, проверьте ваш класс / идентификатор и убедитесь, что на нем нет цифр.

Источник

Есть более чем принятый ответ в этом вопросе:

  1. Действительно, есть проблема с именами классов. Без изменений в очистке они должны совпадать /[a-z]+/
  2. Сборка может работать для вас с run dev, но не получится пока run prod из-за проблемы в стороннем репозитории (зависимость 2-го уровня), которая возникает, когда вы очищаете минимизированные css-файлы, такие как, например, загрузчик 4. Вы можете найти подробное объяснение в PR и отслеживать проблему.

Сейчас вы можете использовать npm install git://github.com/alex7r/css.git#master (да, я предпочитаю нпм)

Источник
Другие вопросы по тегам