rxaviers/file structure.md

## file structure.md

      
    Raw
  

              file structure.md
            
          
    .
├── bower_components/
│   ├── jquery/
│   │       └── ...
│   ├── jquery-ui/
│   │   └── ui/
│   │       ├── accordion.js
│   │       ├── autocomplete.js
│   │       ├── button.js
│   │       ├── core.js
│   │       ├── datepicker.js
│   │       └── ...
│   └── ...
├── index.html
└── main.js


## index.html
<!doctype html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
</head>
<body>
    <script data-main="main.js" src="bower_components/requirejs/require.js"></script>

</body>
</html>

## main.DOESNT.work.js
require.config({
	paths: {
		jquery: "./bower_components/jquery/dist/jquery",
		myui: "./bower_components/jquery-ui/ui"
	}
});

require([
	"myui/datepicker"
], function( datepicker ) {
	console.log( "datepicker", datepicker );
}, function() {
	console.log( "failed" );
});

## main.js
require.config({
	paths: {
		jquery: "./bower_components/jquery/dist/jquery",
		ui: "./bower_components/jquery-ui/ui"
	}
});

require([
	"ui/datepicker"
], function( datepicker ) {
	console.log( "datepicker", datepicker );
}, function() {
	console.log( "failed" );
});
	<!doctype html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	</head>
	<body>
	<script data-main="main.js" src="bower_components/requirejs/require.js"></script>

	</body>
	</html>
	require.config({
	paths: {
	jquery: "./bower_components/jquery/dist/jquery",
	myui: "./bower_components/jquery-ui/ui"
	}
	});

	require([
	"myui/datepicker"
	], function( datepicker ) {
	console.log( "datepicker", datepicker );
	}, function() {
	console.log( "failed" );
	});