iOliverNguyen/index-0.html

## index-0.html
<script type="module" src="myscript.js"></script>

## index.html
<!doctype html>
<html lang="en">
<head>
  <title>My little app</title>
</head>
<body>
  <script type="module" src="myscript.js"></script>
</body>
</html>

## lodash.cjs
// somewhere in lodash package
function snakeCase(input) {
  // where magic happens
}

exports.snakeCase = snakeCase;

## lodash.mjs
// somewhere in lodash package
export function snakeCase(input) {
  // where magic happens
}

## myscript-less.ts
// myscript.ts
import {snakeCase} from 'lodash';
import './style.less'; // the less file

const words: string[] = ['HelloWorld', 'left pad', 'ECMAScript'];
words.forEach(text => {
  console.log(snakeCase(text));
});

## myscript.cjs
const {snakeCase} = require('lodash');

['HelloWorld', 'left pad', 'ECMAScript'].forEach(text => {
  console.log(snakeCase(text));
});

## myscript.js
// myscript.js
import { snakeCase } from 'https://cdn.skypack.dev/lodash@4';

['HelloWorld', 'left pad', 'ECMAScript'].forEach(text => {
  console.log(snakeCase(text));
});

## myscript.mjs
import {snakeCase} from 'lodash';

['HelloWorld', 'left pad', 'ECMAScript'].forEach(text => {
  console.log(snakeCase(text));
});

## myscript.ts
// myscript.ts
import {snakeCase} from 'lodash';

const words: string[] = ['HelloWorld', 'left pad', 'ECMAScript'];
words.forEach(text => {
  console.log(snakeCase(text));
});

## react.html
<script src="https://unpkg.com/react@17/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>
<script>
  ReactDOM.render(
    <h1>Hello, world!</h1>,
    document.getElementById('root')
  );
</script>

## snowpack-less.config.js
// snowpack.config.js
plugins: [
  'snowpack-plugin-less',
],

## snowpack-remote.config.js
// snowpack.config.js
packageOptions: {
  source: 'remote',
},
	<!doctype html>
	<html lang="en">
	<head>
	<title>My little app</title>
	</head>
	<body>
	<script type="module" src="myscript.js"></script>
	</body>
	</html>
	// somewhere in lodash package
	function snakeCase(input) {
	// where magic happens
	}

	exports.snakeCase = snakeCase;
	// somewhere in lodash package
	export function snakeCase(input) {
	// where magic happens
	}
	// myscript.ts
	import {snakeCase} from 'lodash';
	import './style.less'; // the less file

	const words: string[] = ['HelloWorld', 'left pad', 'ECMAScript'];
	words.forEach(text => {
	console.log(snakeCase(text));
	});
	const {snakeCase} = require('lodash');

	['HelloWorld', 'left pad', 'ECMAScript'].forEach(text => {
	console.log(snakeCase(text));
	});
	// myscript.js
	import { snakeCase } from 'https://cdn.skypack.dev/lodash@4';

	['HelloWorld', 'left pad', 'ECMAScript'].forEach(text => {
	console.log(snakeCase(text));
	});
	<script src="https://unpkg.com/react@17/umd/react.development.js"></script>
	<script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>
	<script>
	ReactDOM.render(
	<h1>Hello, world!</h1>,
	document.getElementById('root')
	);
	</script>