NPMパッケージを公開するとき、私は空のオブジェクトを取得します。セットアップは（ES6、Babel、Webpack、React、Redux、Sagas）

Question

かもしれません。

私は、次の構成でNPMパッケージを公開しよう：

のWebPACK：

"main": "lib/stewie-editor.js", 
    "files": [ 
    "lib", 
    "src" 
    ], 

私のsrc/index.jsファイルを公開ライブラリを扱う

production: { 
    entry: [ 
     './src', 
     './src/app.scss', 
     'draft-js/dist/Draft.css' 
    ], 
    devtool: "source-map", 
    output: { 
     path: path.join(__dirname, 'lib'), 
     filename: 'stewie-editor.js', 
     library: 'stewie-editor', 
     libraryTarget: 'umd', 
     umdNamedDefine: true 
    } 
    }, 

package.jsonセクションこのように見える

import EditorComponent from 'EditorComponent'; 
import EditorFactory from 'EditorFactory'; 

export { 
    EditorFactory, 
    EditorComponent 
} 

{ 
    "presets": ["es2015", "stage-2", "react"], 
    "plugins": ["babel-plugin-add-module-exports"], 
    "env": { 
    "test": { 
     "plugins": [ 
     ["css-modules-transform", { 
      "generateScopedName": "[name]__[local]", 
      "extensions": [".css", ".scss"] 
     }] 
     ] 
    }, 
    "dev": { 
     "plugins": [["react-transform", { 
     "transforms": [{ 
      "transform": "react-transform-hmr", 
      "imports": ["react"], 
      "locals": ["module"] 
     }] 
     }]] 
    } 
    } 
} 

.babelrc私は、次の exampleを見て、すべてがそこに働いています。

import { EditorFactory } from 'stewie-editor'; 

私は未定義の取得：

は妙に私のセットアップで物事は、私はそうのようなパッケージからstewie-エディタNPMパッケージおよびインポート、エクスポートクラスをインストールするときに、別のプロジェクトでは

を動作しません。そのようにインポートするパッケージ全体の内容を調べようとすると、次のようになります。

import stewie from 'stewie-editor'; 

私は空のオブジェクトを取得します。

お手数をおかけします。

Answer 1

空のオブジェクトは、index.jsファイルにキーワードがありません：defaultです。

あなたはにindex.jsファイルを書き換えることにより、この問題を解決することができます：まあ、私が問題だったものを考え出し

export default { 
    EditorFactory, 
    EditorComponent 
} 

Answer 2

。 webpackエントリポイントにscssと.cssを追加すると、空のオブジェクトになりました。そこで私はエントリポイントからそれらを削除し、EditorComponent.jsファイル内にインポートとして追加しました。それが問題を解決しました。すべてが輸出されました。