polymer-webpack-loader create new files

original-element.html

<!-- before loader -->
<link rel="import" href="other-element.html">

<dom-module id="original-element">
  <template>Hello World</template>
  <script>
    class OriginalElement extends Polymer.Element {
      static get is() { return 'original-element'; }
    }
    customElements.define(OriginalElement.is, OriginalElement);
  </script>
</dom-module>

original-element.html.js

// After polymer-webpack-loader
import './other-element.html';
const RegisterHtmlTemplate = require('polymer-webpack-loader/register-html-template');
RegisterHtmlTemplate.register(require('./original-element.template.html'));

class OriginalElement extends Polymer.Element {
  static get is() { return 'original-element'; }
}
customElements.define(OriginalElement.is, OriginalElement);

original-element.template.html

<!-- file created by polymer-webpack-loader - ready for html-loader -->
<dom-module id="original-element">
  <template>Hello World</template>
</dom-module>