Webpack module source code

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);
    }
}

I'm not entirely sure what your question is, can you be more precise? At which point do you want to save the code of an ES6 module? How does webpack come into play here? — nils
– nils, Commented May 10, 2016 at 12:41
I updated the text. My guess is that only by using webpack it is possibile in the render function to know the code of the module. — pinturic
– pinturic, Commented May 10, 2016 at 12:57
So you want to include the source code of another module (not the compiled javascript) into the DemoComponent? — nils
– nils, Commented May 10, 2016 at 13:04
I want the source code of the current module (not the compiled javascript) so that in the DemoComponent I can make stats / show on video dump on console / whatever. — pinturic
– pinturic, Commented May 10, 2016 at 13:07

max · Accepted Answer · 2016-05-10 13:09:30Z

2

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.

answered May 10, 2016 at 13:09

max

6,0692 gold badges24 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ncubica Over a year ago

Wao 😿, I wasted like 4 hours of my life searching for this, couldn't find any information about the override !! in the raw-loader documentation.

nils · Accepted Answer · 2016-05-10 13:09:45Z

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);
    }
}

Collectives™ on Stack Overflow

Webpack module source code

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related