小编Tra*_*jan的帖子

我正在和榆树做一点实验.现在我在屏幕上有几个输入范围,我想单独控制它们的值,但我不知道如何区分它们(在Js中我会在onInput回调中发送ID和输入的VALUE)我只能用Elm的onInput发送一个参数

inp : Input -> Html Msg
inp inp =
    div [ class "input" ]
        [ p [] [ text inp.name ]
        , input [ id (toString inp.id), type' "range", value inp.volume, onInput ChangeInput ] []
        , controls inp.name inp.id
        ]

update : Msg -> Model -> ( Model, Cmd Msg )
update msg model =
    case msg of
        Play id ->
            ( play model id, Cmd.none )

        ChangeInput id value ->
            -- Here I want to grab the id …

假设我有一个这样的图书馆：

src
--- component1
-------- component1.scss
-------- component1.js   

--- component2
-------- component2.scss
-------- component2.js 

我想将每个组件作为一个独立的包分发，而不是作为整个应用程序的公共包（component1 + component2 + etc）：

dist
--- component1
-------- bundle1.js  

--- component2
-------- bundle.js

仅使用一个 webpack 配置文件就可以实现这一点，还是我需要为每个组件定义一个入口/输出？

谢谢！