Start package for Bulma
Tiny npm package that includes the
npmdependencies you need to build your own website with Bulma.
npm install bulma-start
yarn add bulma-start
npmdependencies included in
node-sassto compile your own Sass file
autoprefixerto add support for older browsers
package.json, the following files are included:
.babelrcconfiguration file for Babel
.gitignorecommon Git ignored files
index.htmlthis HTML5 file
_sass/main.scssa basic SCSS file that imports Bulma and explains how to customize your styles, and compiles to
This package is meant to provide a good starting point for working with Bulma.
When installing this package with the commands above, it landed in
$HOME/node_packages/bulma-start. In order to use it as a template for your project, you might consider copying it to a better suited location:
cd $HOME/projects cp -a $HOME/node_modules/bulma-start my-bulma-project
Alternatively, you could do something similar with a GitHub clone as well.
cd $HOME/projects git clone https://github.com/jgthms/bulma-start mv bulma-start my-bulma-project rm -rf my-bulma-project/.git # cut its roots
Now, that you prepared the groundwork for your project, set up Bulma and run the watchers:
cd my-bulma-project npm install npm start
As long as
npm startis running, it will watch your changes. You can edit
index.htmlwill pick them up upon reload in your browser.
Some controlling output is written to the
npm startconsole in that process:
=> changed: $HOME/projects/start-with-bulma/_sass/main.scss Rendering Complete, saving .css file... Wrote CSS to $HOME/projects/start-with-bulma/css/main.css
npm runto show all available commands:
Lifecycle scripts included in bulma-start: start npm-run-all --parallel css-watch js-watch
Code copyright 2017 Jeremy Thomas. Code released under the MIT license.