<commit_before># js-to-sass-plugin
Makes sharing variables between JavaScript and SCSS easy.
This plugin uses the 'make' hook of webpack.

```
new SharedVariablesPlugin({
	files: [{
		in: './src/data/mediaQueries.js',
		out: './src/asset/style/mediaQueries.scss',
		// Optional defaults to sass-maps
		createVariables: true
	}],
}),
```<commit_msg>Update example<commit_after># js-to-sass-plugin
Makes sharing variables between JavaScript and SCSS easy.
This plugin uses the 'make' hook of webpack.

```
new SharedVariablesPlugin({
	files: [{
		in: './src/data/mediaQueries.js',
		out: './src/asset/style/mediaQueries.scss',
		// Optional defaults to sass-maps
		createVariables: true
	}],
}),
```

IN
```javascript
export default {
	BG_COLOR: "green",
	TRANSLATION: "translate(45px, 45px)",
}
```

OUT
```scss
export default {
	BG_COLOR: "green"
	TRANSLATION: "translate(45px, 45px)",
}
```
{'fraction_non_alphanumeric': 0.15600448933782268, 'fraction_numerical': 0.008978675645342313, 'mean_word_length': 4.439024390243903, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '274400', 'n_tokens_mistral': 329, 'n_tokens_neox': 302, 'n_words': 81}