私はインポートを使用してES6クラスにrangesliderをインポートしようとしていますES6インポート

Question

とjQueryプラグインを使用して、しかし、それは常にrangeslider is not a function

import * as rangeslider from 'rangeslider.js'; 

export class Layout { 

    testFunc() { 
     $(".rangepicker").rangeslider({ 
      onSlide: function(position, value) 
      { 
       $(this).parent().find(".rangepicker-output").html(value + 'px'); 
      } 
     }); 
    } 
} 

Answer 1

を返す以下ES6モジュラーを提供していませんrangeslider.jsのソースコードであり、サポート。 AMDとCommonJsをサポートしますが、es6はサポートしません。

function(factory) { 
'use strict'; 

if (typeof define === 'function' && define.amd) { 
    // AMD. Register as an anonymous module. 
    define(['jquery'], factory); 
} else if (typeof exports === 'object') { 
    // CommonJS 
    module.exports = factory(require('jquery')); 
} else { 
    // Browser globals 
    factory(jQuery); 
} 

ES6のモジュラーは次のようである：それは、彼らが従来jQueryのインスタンスをエクスポートするためのjQueryプラグインからエクスポートされた値をインポートしても意味がありません

export default function foo() { 
    console.log('foo'); 
} 

Answer 2

。

インポートされたrangesliderがコードで使用されていないという事実は、トランスコードされたコードからは除外されますが、パッケージはまったくインポートされません。

それは

import 'rangeslider.js';