@sethdvincent sethvincent.com/css-via-npm
npm i --save cool-css
@import "cool-css";
npm run bundle-css
npm i --save bootstrap
@import "bootstrap";
npm run bundle-css
{
"style": "style.css",
}
"scripts": {
"bundle-css": "sheetify style.css > bundle.css"
}
"scripts": {
"bundle-css": "sheetify style.css | cssnext > bundle.css"
}
- package.json
style
property - publish preprocessed file in
style
property - offer source files as option.
@import "example/source.scss";
@import "./example.css";
how do i use this?
npm i --save normalize.css basscss-grid csskit
npm i --save-dev sheetify cssnext
- css/
- index.css
- fonts.css
- layout.css
- forms.css
- etc.
@import "normalize.css";
@import "basscss-grid";
@import "csskit";
@import "./fonts.css";
@import "./layout.css";
/* etc. */
"scripts": {
"bundle-css": "sheetify css/index.css | cssnext > public/bundle.css"
}
npm i -S pizza-background
@import "pizza-background";
npm run bundle-css
- add bundled css script tag
<body class="pizza"></body>
---