v2 Documentation on modifying webpack config

📚 Documentation

This example showed in the v2 documentation (here) doesn’t work and it throws an error:

// docusaurus-plugin/src/index.js
module.exports = function(context, options) {
  return {
    name: 'docusaurus-plugin',
    configureWebpack(config, isServer, utils) {
      const {getCacheLoader} = utils;
      config.modules.rules.push({
        test: /\.foo$/,
        use: [getCacheLoader(isServer), 'my-custom-webpack-loader'],
      });
      return config;
    },
  };
};

./blog/2019-05-28-hola.md Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: /Users/equinusocio/Repositories/Oval/docus/blog/2019-05-28-hola.md: Identifier ‘React’ has already been declared (7:275)

[endiliey]

Ah… Of course it wont work. There is no such “my-custom-webpack-loader” … Its just to indicate that you can add your webpack loader there/ you can modify your config.

PR welcome to edit the docs with simpler example of modifying webpack config

But your error seems unrelated though ✌️ Did you import React in blog ⭕️

[BobLamarley]

Example https://github.com/algolia/docsearch-website/blob/master/plugins/my-loaders/index.js

How does this work, i’ve done the same as you : Added plugins/my-loaders folder as dependencies Then, write my plugins/my-loaders/index.js content : Then ‘npm start’

I got this error, even if i do a ‘npm install’, my project stay broken, no luck 😢 PS: All this stuff for passing a props to a component on a route 🙈