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
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