Skip to content

addWebpackModuleRule doesn't work #153

@hellomrbigshot

Description

@hellomrbigshot

I want to add 'raw-loader' or 'text-loader' to import markdown files.
I tried

const { override, addWebpackModuleRule } = require('customize-cra');
module.exports = override(
  addWebpackModuleRule(
    {
      test: /\.md$/,
      use: { loader: 'raw-loader' }
    }
  )
)

It doesn't work. It only shows the path instead of the content of the md files.

I also tried

module.exports = override(
  addWebpackModuleRule(
    {
      test: /\.md$/,
      use: { loader: require.resolve('raw-loader') }
    }
  )
)

or

const { override, addWebpackModuleRule } = require('customize-cra');
module.exports = override(
  config => ({
    ...config,
    output: {
      ...config.output,
      globalObject: 'this'
    },
  }),
  addWebpackModuleRule(
    {
      test: /\.md$/,
      use: { loader: 'row-loader' }
    }
  )
)

But it still doesn't work.

Then I run

yarn eject

and add raw-loader into webpack.config.js

{
     test: /\.md$/,
     loader: require.resolve('text-loader')
}

it works.

And should api.md from

module.exports = {
  override(
    addWebpackModuleRule({text: /\.txt$/, use: 'raw-loader'})
  )
}

change to

// text -> test
module.exports = override(
    addWebpackModuleRule({test: /\.txt$/, use: 'raw-loader'})
)

Metadata

Metadata

Assignees

No one assigned

    Labels

    🐛 bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions