anmsh · October 26, 2021 07:54
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
 <head>
  <meta charset="utf-8">
  <title>Dumber Gist</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
 </head>
 <!--
 Dumber Gist uses dumber bundler, the default bundle file
 is /dist/entry-bundle.js.
 The starting module is pointed to "index" (data-main attribute on script)
 which is your src/index.js.
 -->
 <body>
  <div id="root"></div>
  <script src="/dist/entry-bundle.js" data-main="index"></script>
 </body>
 </html>
diff --git a/package.json b/package.json
 {
  "dependencies": {
    "preact": "latest"
  }
 }
diff --git a/src\app.js b/src\app.js
 import { h, Component } from 'preact';
 // Try to create a css/scss/sass/less file then import it here.
 //
 // Note to preact-cli users: preact-cli turns on css-mdules by default. But for simplicity, dumber-gist did not turn on css-modules.
 // https://github.com/css-modules/css-modules
 //
 // However, dumber bundler supports css-modules through gulp.
 // https://github.com/dumberjs/gulp-dumber-css-module

 export default class App extends Component {
  render() {
    return (
      <div>
        <h1>Hello Preacts!</h1>
      </div>
    );
  }
 }
diff --git a/src\index.js b/src\index.js
 import { h, render } from 'preact';
 import App from './app';

 render(<App />, document.getElementById('root'));
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Dumber Gist</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
	</head>
	<!--
	Dumber Gist uses dumber bundler, the default bundle file
	is /dist/entry-bundle.js.
	The starting module is pointed to "index" (data-main attribute on script)
	which is your src/index.js.
	-->
	<body>
	<div id="root"></div>
	<script src="/dist/entry-bundle.js" data-main="index"></script>
	</body>
	</html>
	import { h, Component } from 'preact';
	// Try to create a css/scss/sass/less file then import it here.
	//
	// Note to preact-cli users: preact-cli turns on css-mdules by default. But for simplicity, dumber-gist did not turn on css-modules.
	// https://github.com/css-modules/css-modules
	//
	// However, dumber bundler supports css-modules through gulp.
	// https://github.com/dumberjs/gulp-dumber-css-module

	export default class App extends Component {
	render() {
	return (
	<div>
	<h1>Hello Preacts!</h1>
	</div>
	);
	}
	}
	import { h, render } from 'preact';
	import App from './app';

	render(<App />, document.getElementById('root'));