All of a sudden app.css is not being created in Sage 10

All of a sudden app.css is not being created when using yarn dev. This is my bud.config.js file

/**
 * @typedef {import('@roots/bud').Bud} bud
 *
 * @param {bud} app
 */
module.exports = async (app) => {
  app
    /**
     * Application entrypoints
     *
     * Paths are relative to your resources directory
     */
    .entry({
      app: ['@scripts/app', '@styles/app'],
      editor: ['@scripts/editor', '@styles/editor'],
      // Added by TAS
      checkout: ['@scripts/checkout'],
    })

    /**
     * These files should be processed as part of the build
     * even if they are not explicitly imported in application assets.
     */
    // .assets('images')
    .assets({
        from: app.path('@src/images'),
        to: app.path('@dist/images'),
      },
      {
        from: app.path('@src/fonts'),
        to: app.path('@dist/fonts'),
    })
    /**
     * These files will trigger a full page reload
     * when modified.
     */
    .watch('resources/views/**/*', 'app/**/*')

    /**
     * Target URL to be proxied by the dev server.
     *
     * This should be the URL you use to visit your local development server.
     */
    .proxy('http://eb.test')

    /**
     * Development URL to be used in the browser.
     */
    .serve('http://0.0.0.0:3000');
};

Just the .js files get compiled in yarn dev however when I use yarn build all the correct files get built like app.456tygh.css and app.456tygh.js.

1 Like

i have a similar issue. i know that the css files should not be generated, because the JS file which loads them with HMR is being inserted.
Or at least it should be - however it does not seem to insert them in my case. Actually not even inserting my main js file at all.