All Projects → xaviervia → Sketch Loader

xaviervia / Sketch Loader

Licence: mit
Webpack loader for Sketch (+43) files

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Sketch Loader

Css Loader
CSS Loader
Stars: ✭ 4,067 (+5794.2%)
Mutual labels:  webpack, webpack-loader
Node Addon Loader
A loader for node native addons
Stars: ✭ 17 (-75.36%)
Mutual labels:  webpack, webpack-loader
Comlink Loader
Webpack loader to offload modules to Worker threads seamlessly using Comlink.
Stars: ✭ 535 (+675.36%)
Mutual labels:  webpack, webpack-loader
Extract Loader
webpack loader to extract HTML and CSS from the bundle
Stars: ✭ 297 (+330.43%)
Mutual labels:  webpack, webpack-loader
Thread Loader
Runs the following loaders in a worker pool
Stars: ✭ 945 (+1269.57%)
Mutual labels:  webpack, webpack-loader
Markdown Loader
markdown loader for webpack
Stars: ✭ 335 (+385.51%)
Mutual labels:  webpack, webpack-loader
Inline Style Loader
inline style loader for webpack
Stars: ✭ 16 (-76.81%)
Mutual labels:  webpack, webpack-loader
Angular Router Loader
A Webpack loader that enables string-based module loading with the Angular Router
Stars: ✭ 194 (+181.16%)
Mutual labels:  webpack, webpack-loader
Flow Bin Loader
webpack loader for Flow
Stars: ✭ 11 (-84.06%)
Mutual labels:  webpack, webpack-loader
Stylefmt Loader
Webpack-loader. Fixes stylelint issues automatically while bundling with Webpack.
Stars: ✭ 24 (-65.22%)
Mutual labels:  webpack, webpack-loader
Vue Template Loader
Vue.js 2.0 template loader for webpack
Stars: ✭ 253 (+266.67%)
Mutual labels:  webpack, webpack-loader
Bootstrap Loader
Load Bootstrap styles and scripts in your Webpack bundle
Stars: ✭ 1,038 (+1404.35%)
Mutual labels:  webpack, webpack-loader
One Loader
Single-file components for React
Stars: ✭ 233 (+237.68%)
Mutual labels:  webpack, webpack-loader
Sass Loader
Compiles Sass to CSS
Stars: ✭ 3,718 (+5288.41%)
Mutual labels:  webpack, webpack-loader
String Replace Loader
Replace loader for Webpack
Stars: ✭ 205 (+197.1%)
Mutual labels:  webpack, webpack-loader
Wasm Loader
✨ WASM webpack loader
Stars: ✭ 604 (+775.36%)
Mutual labels:  webpack, webpack-loader
Css Modules Typescript Loader
Webpack loader to create TypeScript declarations for CSS Modules
Stars: ✭ 172 (+149.28%)
Mutual labels:  webpack, webpack-loader
Polymer Webpack Loader
WebPack Loader for Polymer Web Components
Stars: ✭ 192 (+178.26%)
Mutual labels:  webpack, webpack-loader
Nunjucks Isomorphic Loader
Nunjucks loader for webpack, supporting both javascript templating and generating static HTML files through the HtmlWebpackPlugin.
Stars: ✭ 17 (-75.36%)
Mutual labels:  webpack, webpack-loader
Svgr
Transform SVGs into React components 🦁
Stars: ✭ 8,263 (+11875.36%)
Mutual labels:  webpack, webpack-loader

sketch-loader

https://travis-ci.org/xaviervia/sketch-loader.svg?branch=master npm version

Webpack loader for Sketch (+43) files

npm install --save sketch-loader
module: {
  loaders: [
    {
      test: /\.sketch$/,
      loader: 'sketch'
    }
  ]
}

Then importing:

import sketchFile from './some-file.sketch'

sketchFile.document // parsed contents of document.json
sketchFile.user // parsed contents of user.json
sketchFile.meta // parsed contents of meta.json
sketchFile.pages['0F364A54-A488-4D6F-BAA4-F93FB057C5A3'] // parsed contents of pages/0F364A54-A488-4D6F-BAA4-F93FB057C5A3.json, and so on for every page file

You can check the example in examples/simple/sagui.config.js

What is the structure of the contents?

As far as I know, there is no official documentation yet.

Meanwhile here you can find Flowtype definitions for Sketch 43+ JSON by @darknoon to use as guide.

License

MIT License

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].