Darren Huskie Huskie

## bundling-design-systems.md

      
              1 file
            
          
              5 forks
            
          
              2 comments
            
          
              25 stars
            
          
                kamleshchandnani
                / bundling-design-systems.md
            
            
              Last active
              September 21, 2023 03:43
            
          
    Bundling Design Systems/Component Libraries

First of all you need to decide who will be your target consumers based on the following:


They have the same environment(webpack config, babel config) setup as you where you built your design system(this is mostly possible if you use monorepos/same configs where all the teams share the same environment).


They don't have the same environment which is the case when you work in bigger teams and you want to distribute your design system as any other npm package which is already built and can be used directly.


If your use case falls under case no. 1 then you can just compile the source babel src -d build and leave the bundling to the consumer projects tools(webpack/rollup)

  
## Facebook + Twitter Fan Count
<html>
	<head>
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
		<script type="text/javascript">
			var f_page = "wvumountaineers"; // the page name for your fan page, e.g. the 'wvumountaineers' part of http://facebook.com/wvumountaineers
			var t_page = "westvirginiau"; // the account name for your main twitter account

			function add_commas(number) {
				if (number.length > 3) {
					var mod = number.length % 3;
	<html>
	<head>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
	<script type="text/javascript">
	var f_page = "wvumountaineers"; // the page name for your fan page, e.g. the 'wvumountaineers' part of http://facebook.com/wvumountaineers
	var t_page = "westvirginiau"; // the account name for your main twitter account

	function add_commas(number) {
	if (number.length > 3) {
	var mod = number.length % 3;