1

他の ES2015 プロジェクトに追加された ES2015 ライブラリをセットアップしようとしています。私は abunch を試しましたが、これが現在の場所です。5 にトランスパイルされた ES2015 モジュールがあり、基本プロジェクトの ES2015 モジュールでインポートを使用します。My Lib には、テスト モジュールをエクスポートするインデックス ファイルがあります。

私の問題は、すべてがブラウザーで機能するということですが、インポート時に WebStorm にコードヒントがないため、私の lib はあまり役に立ちません。

インポートステートメント:

import { TestModule } from 'sfl';

失敗したコードヒント:

ここに画像の説明を入力

ここに画像の説明を入力

ES2015 index.js:

export TestModule from './TestModule';

ES2015 TestModule.js:

export default class TestModule {
    constructor() {
        this.test = 'test';
    }

    static logTest(content) {
        window.console.log(content);
    }
}

トランスパイルされたものは次のようになります。

ES5 index.js:

'use strict';
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TestModule = undefined;

var _TestModule2 = require('./TestModule');

var _TestModule3 = _interopRequireDefault(_TestModule2);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

exports.TestModule = _TestModule3.default;

ES5 TestModule.js:

'use strict';

Object.defineProperty(exports, "__esModule", {
    value: true
});

var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

var _createClass2 = require('babel-runtime/helpers/createClass');

var _createClass3 = _interopRequireDefault(_createClass2);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var TestModule = function () {
    function TestModule() {
        (0, _classCallCheck3.default)(this, TestModule);

        this.test = 'test';
    }

    (0, _createClass3.default)(TestModule, null, [{
        key: 'logTest',
        value: function logTest(content) {
            window.console.log(content);
        }
    }]);
    return TestModule;
}();

exports.default = TestModule;
module.exports = exports['default'];

babelrc:

{
  "presets": ["es2015", "stage-1"],
  "plugins": ["transform-runtime", "add-module-exports"]
}
4

0 に答える 0