2016-05-10 18 views
0

es6コードモジュールのコードを保存してダンプする必要があります。モジュールが別のファイルにある場合、あなただけそのままファイルに引っ張るために一度raw-loaderと、コードを実行するために、一度、通常、二回インポートすることができますWebpackモジュールのソースコード

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

、あなたはより正確にすることができますか?どの時点でES6モジュールのコードを保存しますか?ウェブパックはここでどのようにプレイされますか? – nils

+0

私はテキストを更新しました。私の推測では、モジュールのコードを知るためにはレンダリング機能の中で可能なのはwebpackを使うことだけです。 – pinturic

+0

他のモジュールのソースコード(コンパイルされたjavascriptではなく)をDemoComponentに組み込みたいのですか? – nils

答えて

2

: は、理想的には私が必要だろうかのようなものです。

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

!!はあなただけ.js拡張のためにテストしている場合は、既存のローダーを上書きする必要があります。

+0

チャームのように働いた!ありがとう – pinturic

+0

Wao、私はこれを探している私の人生の4時間のように無駄にしました、 'raw-loader'のドキュメントでオーバーライド' !! 'に関する情報を見つけることができませんでした。 – ncubica

1

あなたはWebPACKのでfile-loaderを使用して、何でも、あなたの機能に必要なファイルを必要とすることが:私はあなたの質問が何であるか全くわからないんだけど

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); 
    } 
} 
関連する問題