webpack写jquery插件的情形安插,引进jquery和第贰方

作者: 韦德国际1946国际网址  发布:2019-06-03

客户供给要一个持有树结构、带复选框的下拉接纳控件;在互连网找到了select2、autocomplete都不满足须要。于是自个儿用ztree加bootstrap dropdown组合开辟了3个下拉树选拔控件。决定用webpack打包,开采一个完好无损的jquery控件,顺便系统的学习一下webpack。

webpack写jquery插件的情形安插,引进jquery和第贰方jquery插件。1、引入jquery

1、引入jquery

目录结构:

jQuery 直接在 html 中引进,然后在 webpack 中把它配备为全局就能够。

jQuery 间接在 html 中引进,然后在 webpack 中把它布署为全局即可。

图片 1

index.html:

index.html:

package.json配置:

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title><%= htmlWebpackPlugin.options.title %></title>
    </head>

    <body>
        <img src="src/img/ais.jpg"/>
        <div id="app">

        </div>
        <script src="http://www.cyspc.com/uploads/allimg/190603/115153D27-1.jpg"></script>
    </body>

</html>
<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title><%= htmlWebpackPlugin.options.title %></title>
    </head>

    <body>
        <img src="src/img/ais.jpg"/>
        <div id="app">

        </div>
        <script src="http://www.cyspc.com/uploads/allimg/190603/115153D27-1.jpg"></script>
    </body>

</html>

本文由韦德国际1946发布于韦德国际1946国际网址,转载请注明出处:webpack写jquery插件的情形安插,引进jquery和第贰方

关键词: webpack Html/Css 构建工具 jquery

上一篇:实例方法和数量,vue实例方法
下一篇:没有了