How to build a module for NPM?

Question

npm

There is a class (client js) with a dependency, abstractly, MyPackage.js

import dependence from 'dependence'

export default class MyPackage {
    constructor(el) {
        this.el = el
        this.dependence = dependence
    }
}

also css(MyPackage.sass in my case)

.my-package
    color: red

Structure

src
--| MyPackage.js
--| MyPackage.sass
    
demo
--| index.html
--| index.js
    --| import MyPackage from '../src/MyPackage.js'
    --| import '../src/MyPackage.sass'
    --| new MyPackage()
        
package.json
webpack.config.js

I use webpack for development, demo folder

1. What files do I need to give to NPM? MyPackage.min.js and MyPackage.min.css?
2. How to set up webpack? Different configs for dev and build?
3. Run through webpack/babel export default class MyPackage will then work with import?

Answer 1

Take a look
https://github.com/vkorotenko/kickout-ads