@awkward/webpack-config-sketch-web

Shared Webpack config for Sketch Web projects

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
@awkward/webpack-config-sketch-web
Minified + gzip package size for @awkward/webpack-config-sketch-web in KB

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']
  }
})

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.