Eta-2 Actis-class interceptor, sometimes referred to as the Jedi interceptor due to its popularity with Jedi pilots, was a Clone Wars-era Republic starfighter.
For 40Digits, Eta serves as our build script for internal projects. The build script took much inspiration from graypants' & Chris Davies' starter kits. It was modified to work within the needs and requirements of 40Digits development.
Eta includes the following tools, tasks, and workflows:
- Browserify (with browserify-shim)
- SASS (libsass with source maps, autoprefixer, and combine media-queries)
- Image optimization
- Sprite generation
- Custom Icon Font generation
- Error handling in the console and in Notification Center
- Compression task for production builds (CSS + JS)
npm install
This runs through all dependencies listed in package.json
and downloads them to a node_modules
folder in your project directory. See troubleshooting section if you run into errors.
gulp
This will run the default
gulp task defined in _gulp/tasks/default.js
, which has the following task dependencies: ['symbols', 'sass', 'images', 'sprites', 'browserify', 'watch']
symbols
task generates your icon font, preview file, and sass file.sass
task compiles your sass files.images
moves image copies from a source folder, performs optimizations, then outputs them into the assets folder.sprites
task compiles sprite assets into a sprite sheet, and generates a sass file for mixins & variable use.watch
tasks looks out for changes, and when a file is added, removes, or edited, it runs necessary task.
There is also a production
task you can run with gulp production
, which will re-build optimized, compressed css and js files to the assets folder, as well as output their file sizes to the console. It's a shortcut for running the following tasks: ['minifyCss', 'uglifyJs']
.
All paths and task settings have been abstracted into a centralized config object in _gulp/config.js
. Adapt the paths and settings to the structure and needs of your project.
Depending on whether you're utilizing sass or scss, you may need to make an adjustment on the format. sass
or scss
are your options.
var _processor = {
format: 'scss'
};
If you are running into canvas errors, please review the installation guide for canvas.
If you are receiving Package xcb-shm was not found
, please run the following commands:
- If you are using Fish
set -xU PKG_CONFIG_PATH /usr/local/lib/pkgconfig:/opt/X11/lib/pkgconfig
- If you are using s/iTerm/general sh
export PKG_CONFIG_PATH /usr/local/lib/pkgconfig:/opt/X11/lib/pkgconfig:$PKG_CONFIG_PATH
orexport PKG_CONFIG_PATH=/opt/X11/lib/pkgconfig
For additional install help, view the installation guide.