Webpack configuration following open-wc recommendations

Usage no npm install needed!

<script type="module">
  import openWcWebpackImportMetaLoader from 'https://cdn.skypack.dev/@open-wc/webpack-import-meta-loader';


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

CircleCI BrowserStack Status Renovate enabled


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

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'),