如何忽略原始加载程序来测试webpack

Question

I have some components with svg's loaded inline using webpack raw loader eg..

import React, { Component } from 'react'
import svg from '!raw!../assets/images/logo.svg'

export default class Logo extends Component {
  render() {
    return (<a href={this.props.url} dangerouslySetInnerHTML={{__html: svg}} />)
  }
}

When trying to test these components server side using tape, they fall over. If I have css modules included, it is no problem, I can use css-modules-require-hook but svg's will not work. So I really need a raw loader require hook or something like that.

require('babel-register');
require('css-modules-require-hook/preset');
/* tests after this can import components with css includes */

I tried using isomorphic-ensure but this did not work.

require('babel-register');
require('css-modules-require-hook/preset');
require('isomorphic-ensure')({
  loaders: {
    raw: require('raw-loader'),
    raw: require('react-svgdom-loader')
  },
  dirname: __dirname
})

I get the following error:

Cannot find module '!raw!../assets/images/

Answer 1

If you're not using webpack for your tests then you could use the ignore-styles module .

You may have to configure it if you plan to use it with css-modules-require-hook as it will also also ignore CSS files by default . eg:

require('ignore-styles').register(['.svg'])