Laravel, css / app. css исчезают в mix-манифесте. json каждый раз, когда я изменяю код - PullRequest
Новая
       7

Laravel, css / app. css исчезают в mix-манифесте. json каждый раз, когда я изменяю код

1 голос
/ 16 января 2020

Каждый раз, когда я изменяю строку в своем коде, строка css / app. css в mix-manifest. json удаляется.

Единственный способ восстановить строку - это запустить npm run watch или npm run dev, но когда я делаю новую модификацию в коде, у меня возникает та же проблема.

Вот мой микс-манифест. json когда все в порядке: 

{
"/js/app.js": "/js/app.js",
"/css/app.css": "/css/app.css",
"/css/subscriber.css": "/css/subscriber.css",
"/css/agent.css": "/css/agent.css",
"/css/guest.css": "/css/guest.css",
"/js/mobile.js": "/js/mobile.js",
"/js/vendor.js": "/js/vendor.js",
"/js/manifest.js": "/js/manifest.js",
"/css/dragula.min.css": "/css/dragula.min.css"
}

Микс-манифест. json когда все не в порядке: 

{
"/js/app.js": "/js/app.js",
"/js/mobile.js": "/js/mobile.js",
"/js/vendor.js": "/js/vendor.js",
"/js/manifest.js": "/js/manifest.js",
"/css/dragula.min.css": "/css/dragula.min.css"
}

Мой webpack.mix. js: 

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

let ImageminPlugin = require('imagemin-webpack-plugin').default;

mix.webpackConfig({
    plugins: [
        new ImageminPlugin({
            disable: mix.inProduction() === false, // Disable during development
            test: /\.(jpe?g|png|gif|svg)$/i
        })
    ]
})
    .js('resources/assets/js/app.js', 'public/js').extract(['vue'])
    .sass('resources/assets/sass/app.scss', 'public/css')
    .sass('resources/assets/sass/subscriber.scss', 'public/css')
    .sass('resources/assets/sass/agent.scss', 'public/css')
    .sass('resources/assets/sass/guest.scss', 'public/css')
    .copy('node_modules/vue2-dragula/styles/dragula.min.css', 'public/css/dragula.min.css')
    .copyDirectory('resources/assets/img', 'public/img')
    .copyDirectory('resources/assets/fonts', 'public/fonts')
    // Mobile
    .js('resources/assets/js/mobile.js', 'public/js')

    //.disableNotifications();

if (mix.inProduction()) {
    mix.options({
      purifyCss : {
          purifyOptions: {
              whitelist: [
                  'is-invisible',
                  'is-clearfix',
                  'modal-card-foot',
                  'is-hovered',
                  'is-current',
                  '*columns*',
                  '*popover-*',
                  '*c-*',
                  '*ct-*',
                  '*-slide*',
                  '*taginput*',
                  'has-background-conciergerie',
                  '.is-hoverable tr:hover',
              ]
          }
      },
      uglify: {
          uglifyOptions: {
              compress: {
                  drop_console: true,
              }
          }
      }
    })
        .version();
}

У вас есть идеи?

Спасибо!

1 Ответ

1 голос
/ 24 января 2020

Это звучит как проблема с вашим редактором. Я настоятельно рекомендую отключить все плагины, а затем повторно добавлять их по одному, чтобы найти нарушающий плагин. Кроме того, если вы хотите подтвердить эту теорию, вы можете попробовать использовать любой другой редактор для редактирования и сохранения файла.

...