open-index/open-npm huggingface dataset:
npm package: @numiko/splide-extension-video
Description: The Splide extension for embedding videos.
Author: Naotoshi Fujita
Latest version: 0.8.1

<div align="center">
<a href="https://splidejs.com">
  <img alt="Splide" src="./images/logo.svg" width="70">
</a>

<h1>Video - Splide Extension</h1>

<p>
The extension for assigning HTML, YouTube and Vimeo videos to slides in a <a href="https://github.com/Splidejs/splide">Splide</a> slider and controlling play/pause on slide change.
</p>

[![](https://data.jsdelivr.com/v1/package/npm/@splidejs/splide-extension-video/badge)](https://www.jsdelivr.com/package/npm/@splidejs/splide-extension-video)

<p>
  <a href="https://splidejs.com/extensions/video/#overview">Demo</a>
  <br>
  <a href="https://splidejs.com/extensions/video/">Getting Started</a>
  <br>
  <a href="https://splidejs.com/extensions/video/#options">Options</a>
  <br>
  <a href="https://splidejs.com/">Splide</a>
</p>
</div>

## Packages

The package is available on NPM and [jsDelivr](https://www.jsdelivr.com/package/npm/@splidejs/splide-extension-video).

```
$ npm install @splidejs/splide-extension-video
```

Or download files from the dist directory.

## License
Splide is released under the MIT license.
© 2021 Naotoshi Fujita
npm package: @numindsoftware/scss-config-webpack-plugin
Description: Preset for scss webpack configuration
Author: Namics AG - Technology & Application
Latest version: 0.4.2

# scss-config-webpack-plugin

[![NPM version](https://badge.fury.io/js/scss-config-webpack-plugin.svg)](https://www.npmjs.com/package/scss-config-webpack-plugin) 
[![Travis](https://img.shields.io/travis/namics/webpack-config-plugins.svg)](https://travis-ci.org/namics/webpack-config-plugins)
[![Appveyor](https://ci.appveyor.com/api/projects/status/9aes52639g1uwk89/branch/master?svg=true)](https://ci.appveyor.com/project/namics/webpack-config-plugins/branch/master)
[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lernajs.io/) 
[![License](https://img.shields.io/badge/license-MIT-green.svg)](http://opensource.org/licenses/MIT) 
[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/) 
[![Prettier](https://img.shields.io/badge/Code%20Style-Prettier-green.svg)](https://github.com/prettier/prettier)

Creating a webpack *loader* configurations can be quite time consuming.  
The `scss-config-webpack-plugin` is part of the [`common-config-webpack-plugin` suite](https://github.com/namics/webpack-config-plugins) which tries to provide best practices for the most common **loader** requirements.  

If no mode is explicitly set for the plugin the configuration will adjust depending on your [webpack mode](https://webpack.js.org/concepts/mode/) setting.
The injected configurations are based on [create-react-app css part](https://github.com/facebook/create-react-app/tree/next/packages/react-scripts/config)  
⚙️[development mode `webpack.config.js`](https://github.com/namics/webpack-config-plugins/raw/master/packages/scss-config-webpack-plugin/config/development.config.js)
⚙️[production mode `webpack.config.js`](https://github.com/namics/webpack-config-plugins/raw/master/packages/scss-config-webpack-plugin/config/production.config.js)


## Installation

```bash
npm i --save-dev scss-config-webpack-plugin
```

## Webpack Config

In most projects you will need to set up project specific options but you can still use all or
some common-config-webpack-plugin parts.

```js
const ScssConfigWebpackPlugin = require('scss-config-webpack-plugin');
module.exports = {
    plugins: [
        new ScssConfigWebpackPlugin()
    ]
}
```

### css modules

 Just as create-react-app the scss-config-webpack-plugin supports CSS Modules with the extension `.module.css` or `.module.scss`.