nested-require-loader

nested-require-loader

Simply resolves any require calls nested in a file using webpack.

$ npm install --save-dev nested-require-loader

Usage

Documentation: Using loaders

In your webpack config:

module: {
  rules: [
    {
      test: /manifest.json$/,
      use: ['file-loader?name=manifest.json', 'nested-require-loader']
    }
  ]
}

Note that this example also uses file-loader.

For example load a Web App Manifest through require in your application code:

require('./manifest.json');

With each internal resource requested through require rather than just a plain path:

{
  "name": "Hello World",
  ...
  "splash_screens": [
    {
      "src": "require('./images/splash-hi.png')",
      "sizes": "2560x1440",
      "type": "image/png"
    },
    ...
  ],
  "icons": [
    {
      "src": "require('./images/icon-hi.png')",
      "sizes": "512x512",
      "type": "image/png"
    },
    ...
  ]
}

Options

Additional options may be applied to loader. If incorrect is specified, loader will throw an error.

Option	Type	Default value	Description
rawString	Boolean	false	Ensures that no extra quotes are added if the type of returned value is a string

Setting loader options

Object

module: {
  rules: [
    {
      test: /.ext$/,
      use: [
        'other-loaders', 
        {
          loader: 'nested-require-loader',
          options: {
            rawString: false
          }
        }
      ]
    }
  ]
}

Inline

module: {
  rules: [
    {
      test: /.ext$/,
      use: ['other-loaders', 'nested-require-loader?rawString=false']
    }
  ]
}