reacton-loader

reacton-loader

Loader for single-file Reacton components in Webpack

Install

npm i reacton-loader -D

webpack.config.js

module: {
  rules: [
    {
      test: /\.html?$/,
      loader: 'reacton-loader'
    }
    ... // other rules
  ]
},

example Component.htm

<h2>{{ title }}</h2>
<p>{{ message }}</p>

<script>
  import { httpRequest } from '../helpers'

  exports = class WHome {
    static mode = 'open'

    static async startConnect() {
      const home = await httpRequest('/db?page=home')
      
      this.title = home.title
      this.message = home.message
    }
  }
</script>