Javascript 如何使p5的滑块与webpack一起工作？

我正在使用带有webpack的p5.js库，它运行得很好。但是，当我尝试从p5.dom导入

createSlider

时，它失败了

import p5 from "./p5";
import * as dom from './addons/p5.dom'
import {createSlider} from './addons/p5.dom'


const s = (p) => {
    p.setup = function () {
        p.createCanvas(200,200);
        slider = createSlider(0, 360, 60, 40);
        slider.position(10, 10);
        slider.style('width', '80px');
    };

};

let myp5 = new p5(s, 'p5cont');

我尝试了

dom.createSlider（）

，但没有成功。在这两种情况下，控制台报告

createSlider不是一个函数

。 出什么问题了？

从最新的p5.js（编写本文时为v1.1.9）开始，p5.dom是主p5.js库的一部分。换句话说，使用

createSlider（）

不需要单独导入p5.dom

下面的代码使p5的滑块与webpack一起工作

import p5 from "./p5.min.js"

let sketch = function(p){
    p.setup=function(){
        p.createCanvas(500,500)
        p.background('blue')
        p.createSlider(0,100)
    }
}

let myp5 = new p5(sketch)

从最新的p5.js（撰写本文时为v1.1.9）开始，p5.dom是主p5.js库的一部分。换句话说，使用

createSlider（）

不需要单独导入p5.dom

下面的代码使p5的滑块与webpack一起工作

import p5 from "./p5.min.js"

let sketch = function(p){
    p.setup=function(){
        p.createCanvas(500,500)
        p.background('blue')
        p.createSlider(0,100)
    }
}

let myp5 = new p5(sketch)