Updated folder structure from 1.2 to 1.3 and now my css is not loading

Hello,
I’ve recently updated phoenix 1.2 project to 1.3 and I updated the folder structure following MCcord’s guide on github. Now the css I had in app.css does not load anymore, I suspect there must be something wrong with my brunch-config file (I hate brunch honestly it has given me nothing but problems so far) but I can’t figure out what so any help would be greatly appreciated :slight_smile:
the structure now is:
myapp/assets
assets/css/app.css
assets /priv/static/css/app.css

this is my brunch-config

    exports.config = {
      // See http://brunch.io/#documentation for docs.
      files: {
        javascripts: {
          joinTo: "js/app.js"

      // To use a separate vendor.js bundle, specify two files path
      // http://brunch.io/docs/config#-files-
      // joinTo: {
      //  "js/app.js": /^(web\/static\/js)|(node_modules)/,
      //  "js/vendor.js": /^(web\/static\/vendor)/
      // }
      //
      // To change the order of concatenation of files, explicitly mention here
      // order: {
      //   before: [
      //     "web/static/vendor/js/jquery-2.1.1.js",
      //     "web/static/vendor/js/bootstrap.min.js"
      //   ]
      // }
    },
    stylesheets: {
      joinTo: "css/app.css",
      order: {
        after: ["assets/css/app.css"] // concat app.css last
      }
    },
    templates: {
      joinTo: "js/app.js"
    }
  },

  conventions: {
    // This option sets where we should place non-css and non-js assets in.
    // By default, we set this to "/web/static/assets". Files in this directory
    // will be copied to `paths.public`, which is "priv/static" by default.
    assets: /^(static)/
  },

  // Phoenix paths configuration
  paths: {
    // Dependencies and current project directories to watch
    watched: [
      "static", 
      "css", 
      "js", 
      "vendor"   
    ],

    // Where to compile files to
    public: "priv/static"
  },

  // Configure your plugins
  plugins: {
    babel: {
      // Do not use ES6 compiler in vendor code
      ignore: [/vendor/]
    },
    copycat: { 
      "fonts": [ "node_modules/bootstrap/fonts"]
    }
  },

  modules: {
    autoRequire: {
      "js/app.js": ["web/static/js/app"]
    }
  },

  npm: {
    enabled: true,
    globals: {
      $: 'jquery',
      jQuery: 'jquery'
    },
    styles: {
      "fullcalendar": ['dist/fullcalendar.min.css'],
      "bootstrap-datepicker": ['dist/bootstrap-datepicker.min.css'],
      "eonasdan-bootstrap-datetimepicker": ['build/css/bootstrap-datetimepicker.min.css'],
      "jquery-ui": ["themes/base/all.css"]
      
                    
    },
    whitelist: ["fullcalendar" , "moment", "jquery-ui"]
  }
};

Thank you for your help :slight_smile:

I solved it I t was just an error in my brunch-config file it should have been …/priv/static#
silly me

3 Likes