Usage no npm install needed!

<script type="module">
  import awkwardWebpackConfigSketchWeb from 'https://cdn.skypack.dev/@awkward/webpack-config-sketch-web';
</script>

README

webpack-config-sketch-web

This package contains Webpack configuration commonly used in Sketch Web projects.

Features

Hot reloading
Transpile ES6+ and Sass code
Compile Sass
Use CSS modules by suffixing your CSS filename with .module.(s)css.

Installation

npm i -D @awkward/webpack-config-sketch-web

Usage

1. Install

npm i -D @awkward/webpack-config-sketch-web

2. Create a webpack.config.js file

webpack.config.js

import createConfig from '@awkward/webpack-config-sketch-web'

export default createConfig({
  // Entry point
  in: 'src/App.js',

  // Directory to output the build
  out: 'dist',

  // Custom Babel config, this config will be deeply merged with the default config
  babel: {
    plugins: ['transform-function-bind']
  }
})