一起使用babel-loader和raw-loader

Question

我有webpack配置

{
    // ...
    module: {
        rules: [
            {
                resource: {
                    not: [/node_modules/, /raw-loader/],
                    and: [/\.js$/]
                },
                loader: 'babel-loader'
            }
        ]
    }
}

某个组件

import React from 'react';
import { H1 } from '../../../components/Typography';

const Example = () => {
    return <H1>H1 — Header</H1>;
};

export default Example;

导入此示例组件的文件

import ExampleH1Code from 'raw-loader!./examples/h1';
import ExampleH1 from './examples/h1';

Babel适用于ExampleH1和ExampleH1Code。但我希望ExampleH1Code是原始ES6文本ExampleH1工作组件在页面上呈现。

有可能吗？感谢