angularjs - Adding multiple stylesheets to brunch -
i'm new angular , i'm working on angular2 project. want add these following css files brunch syntax? better add brunch-config.js or index.html?
files:
'/app/assets/css/bootstrap.css', '/app/assets/css/custom.css', '/app/assets/css/font-awesome.css', 'http://fonts.googleapis.com/css?family=open+sans'
brunch-config.js:
exports.config = { // see http://brunch.io/#documentation docs. files: { javascripts: { jointo: { 'vendor.js': /^node_modules/, 'main.js': /^app/ }, order: { after: [/\.html$/, /\.css$/] } }, stylesheets: { jointo: 'app.css' }, templates: { jointo: 'main.js' } }, plugins: { inlinecss: { html: true, passthrough: [/^node_modules/, 'app/global.css'] } } };
you can import fonts using @import
css at-rule or <link>
html element, usual. add other files, put them app/styles
directory. reason not used because in assets
folder: please, place static assets (e.g. templates) there. these files joined app.css
. make sure have linked stylesheet in html.
also, may find this skeleton useful bootstrapping angular 2 apps.
Comments
Post a Comment