Javascript 有没有一种方法可以在不使用jQuery的情况下动态地重新初始化JSColor？

我目前正在做一个只使用HTML、CSS和Javascript的项目，没有像jQuery这样的附加框架。我也在使用Webpack/Babel

我需要能够动态添加JSColor颜色选择器的实例。我目前正在使用索引页中的CDN链接下载库，但是如果有办法将其正确加载到我的条目文件中，我很乐意将其放在项目目录中

我已经研究了这个问题，似乎常见的解决方案是在代码末尾包含

jscolor.init（）

。但是，由于索引文件中有CDN链接和一些HTML，我不确定如何访问jsColor对象

  const colorPicker = document.createElement('button');

  colorPicker.classList.add(`jscolor`);
  colorPicker.classList.add(`{value:'${conditionalHash[currentType].color}'}`);

  currentOption.append(colorPicker);

编辑：我已经尝试下载库，并将其包含在我的项目目录中。我将其导入到我的输入文件中，并尝试使用以下代码对其进行实例化：

import JSColor from "./assets/jscolor";

const jscolorpicker = new JSColor;
console.log(jscolorpicker);

但是，我得到了一个错误：

未捕获的TypeError:\u jscolor2.default不是构造函数

编辑#2：根据请求，这是我的网页文件

module.exports = {


entry: "./entry.js",
  output: {
    filename: "bundle.js"
  },
  module: {
    loaders:[{
      test: /\.css$/,
      loader: 'style!css?sourceMap'
    }, {
      test: /\.js?$/,
      exclude: /(node_modules)/,
      loader: "babel-loader",
      presets: "es2015"
    }, {
      test: /\.(eot|svg|ttf|woff(2)?)(\?v=\d+\.\d+\.\d+)?/,
      loader: 'url'
    }]
  }
};

---

导入。。。目前，任何浏览器都不支持from…

。您需要手动执行

@Dai，我正在使用Webpack。如果您能显示您的

Webpack.config.js

以及如何构建它，这将非常有帮助。@mfirry，我上传了我的Webpack配置。至于“我是如何构建的”，我不知道你的意思。上面的代码包装在一个函数中，该函数在加载DOM后执行。我不需要阅读文档就知道这是一个无效的CSS类名。仅仅因为图书馆可以阅读它并不意味着它是有效的。这仅仅意味着库鼓励使用无效的CSS。