hb-snippet-npm-css-framework.md

Adding a CSS framework to a Harp app with npm

Let’s create an example app that installs Fluidity from npm.

1. Create an example app.

cd ~/Desktop
harp init example
cd example

2. Install normalize from npm npm install fluidity

3. Now you have two options. You can either keep everything in node_modules so it’s easy to update, or you can copy the stuff out you actually need. If you choose the former, you can add a package.json inside _modules/node_modules/ and still update the modules by cd-ing into _modules. You want the node_modules to be in an underscore directory as the Stylus will try and compile directly otherwise, and you don’t want each .styl partial to be its own .css file. Without doing this, you will get an error on harp compile.

4. Now, you can rename main.less to main.styl. Inside main.styl, add the following:

@import "_modules/node_modules/fluidity";