captaincole · February 24, 2018 05:22
diff --git a/side-menu.config.js b/side-menu.config.js
   // side-menu.tsx
   @Component({
     tag: 'side-menu',
     styleUrl: 'side-menu.css',
     shadow: true
   })

   export class SideMenu {
   ...
   // index.html
   <!DOCTYPE html>
   <html dir="ltr" lang="en">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-  scale=1.0, minimum-scale=1.0, maximum-scale=5.0">
     <title>Stencil Component Starter</title>
     <script src="/build/side-menu.js"></script>
   </head>
   <body>
     <side-menu></side-menu>
   </body>
   </html>
   // stencil.config.js
   exports.config = {
     namespace: 'side-menu',
     generateDistribution: true
   };

   exports.devServer = {
     root: 'www',
     watchGlob: '**/**'
   }

   // package.json
   "name": "side-menu",
   "version": "0.0.1",
   "description": "Stencil Component Starter",
   "main": "dist/side-menu.js",
   "types": "dist/types/index.d.ts","collection": "dist/collection/collection-manifest.json",
   "files": [
     "dist/"
   ],
   "browser": "dist/side-menu.js",
No results found