barba-starter-template

This project is a starting point for everyone wanting to create beautiful websites with barba.js.

It includes following features and packages:

Features

• Compile ES6 to ES5 code with babel (plugin-syntax-dynamic-import and plugin-proposal-class-properties are enabled).
• Compile your scss/sass to css files with dart-sass.
• Prefix automatically your style files with Autoprefixer.
• Lint your style and code files with stylelint and eslint. (Only as a hint for your IDE. There is no "lint" script to use.)
• Watch for changes in your js and css files with webpack and compile them on the fly, or create a production ready build.

Packages

• barba.js
• bootstrap
• jquery (Is included because it is a dependency of bootstrap.js features (Tabs, Tooltip...). If you don't plan to use them, you can uninstall it.)
• popper.js (Included for the same reason as jquery)

Usage

Installation:

git clone https://github.com/mrsamse/barba-starter-template.git
cd barba-starter-template 
npm install

Watch for changes in your style & code files:

npm run dev

Create a production ready build:

npm run build

---

Note

This project has been intentionally kept very simple and maybe a bit "old-schoolish". For example it doesn't include a server which reloads when changes are made, because most of the time I work with a MAMP server on my computer and like to reload on my own :-D.

If you have issues or questions, open an issue here on Github or make a pull request.