Webpack模块源代码

Question

I need to save the code of a es6 code module and dump it. So ideally what I would need is something like:

import React, {PropTypes} from 'react';
// this function get the source code of the
// module I am running in 
function getMyModuleSourceCode = {
  ...
}

class DemoComponent extends React.Component {
    render() {
        const myCode = getMyModuleSourceCode();
        processMySourceCode(myCode);
    }
}

Answer 1

If the module is in a different file, you can import twice, once normally to run code, once with the raw-loader to just pull in the file verbatim.

import module from './module'; //compiled code
import moduleSource from '!!raw!./module'; //source as text

The !! is necessary to override the existing loaders if you are just testing for .js extensions.

Answer 2

You could use the file-loader in webpack and then require whatever file you need in your function:

import React, {PropTypes} from 'react';
// this function get the source code of the
// module I am running in 
function getMyModuleSourceCode = {
    return require('!!file!./path/to/module.js');
}

class DemoComponent extends React.Component {
    render() {
        const myCode = getMyModuleSourceCode();
        processMySourceCode(myCode);
    }
}