Webpack Helpers

Webpack loader for supporting import.meta in webpack.

Part of Open Web Components: guides, tools and libraries for modern web development and web components

Note

This is NOT an optimal solution e.g. it may slow down your build a little. However as currently import.meta results in an webpack parse error using a loader is probably the only thing we can do for now. For details see

• https://github.com/webpack/webpack/issues/6719
• https://github.com/Polymer/tools/issues/518

If webpack fixed that parse error import.meta will probably work out of the box. If not then a babel plugin (that can work with AST) will be a better solution.

Manual Setup

• yarn add @open-wc/webpack-import-meta-loader
• Add this to your webpack config

module: {
  rules: [
    {
      test: /\.js$/,
      loader: require.resolve('@open-wc/webpack-import-meta-loader'),
    },
  ],
},