Currently I am trying to use Webpack (/) as my module builder and wanted to see if anyone has done this yet with Polymer v1.0. There is a webpack loader called polymer-loader () but it does not work with anything higher than Polymer v0.5.

Currently I am trying to use Webpack (http://webpack.github.io/) as my module builder and wanted to see if anyone has done this yet with Polymer v1.0. There is a webpack loader called polymer-loader (https://www.npmjs./package/polymer-loader) but it does not work with anything higher than Polymer v0.5.

• javascript
• polymer
• webpack
• polymer-1.0

• Please let us know what you have tried. What was your expected result, what actually happened? – nwaltham Commented Jun 24, 2015 at 13:59
• He has tried polymer-loader. as he said, it works with Polymer 0.5, but not 1.0. – Alon Amir Commented Aug 16, 2015 at 15:22
• The loader is broken because of the API change in 1.0 & 0.8, and unfortunately nobody is going to fix it as no PR queued so far. May be you can start without loader first: require the ponent js files & assets as general js files do, then npm install the libraries and setup the config file. – vincicat Commented Aug 21, 2015 at 17:20
• The last update to polymer-loader (npmjs./package/polymer-loader) was pushed at least 3 months before Polymer 1.0 was published (googledevelopers.blogspot./2015/05/polymer-10-released.html) – user3076252 Commented Sep 14, 2015 at 21:51
• I've built a package to handle polymer/webponents files and html imports (with code reload support) github./aruntk/wc-loader. check out. Demo github./aruntk/polymer-webpack-demo – tkay Commented Dec 28, 2016 at 11:32

3 Answers 3

Unfortunately, Polymer 1.0 is presently unsupported by polymer-loader due to an API change. It is possible that this may be repaired in the near future, but in the meantime you may have to resort to either a different package or builder. Hopefully a fix bees available soon.

I make a simple solution with polymer-ext

var PolymerExt = require('polymer-ext')

var t = require('raw!./test.tmpl')
var s = require('raw!./test.css')

PolymerExt({
  is: 'card-panel',
  template: t,
  style: s,
  ... // other polymer options
})

I just succeeded by means of this loader:

https://github./aitoroses/vulcanize-loader

Unobvious thing is that i had to install the webponent that i wanted through bower (yarn does the job too). After that, manually reference it inside manually created importer.html file, and then at the end, reference that importer.html file inside your js module:

import 'vulcanize!./importer.html';