我正在使用(JavaScript)ES6语法通过babel转换器和preset-es2015插件以及semantic-ui样式编写一个新的应用程序.
import * as stylesheet from '../assets/styles/app.scss';
import * as jquery2 from '../dist/scripts/jquery.min';
import * as jquery3 from '../node_modules/jquery/dist/jquery.min';
console.log($('my-app'));
<!DOCTYPE html>
<html lang="fr">
<head>
<body>
<script src="dist/app.js"></script>
</body>
</html>
.
??? app/
? ??? index.js
??? assets/
??? dist/
? ??? scripts/
? ? ??? jquery.min.js
??? index.html
??? node_modules/
? ??? jquery/
? ? ??? dist/
? ? ? ??? jquery.min.js
??? package.json
??? tests/
… …我正在使用 npm、TypeScript 和 Webpack。
我可以使用Expose Loader来全局公开 jQuery：
import "expose-loader?$!jquery"
import "expose-loader?jQuery!jquery"
然后我可以导入引导程序：
import "bootstrap"
这允许$, jQuery, 和$().popover（jQuery 命名空间中的一个 boostrap 函数）对外部 js 文件或浏览器控制台全局可见。
但是，我找不到以$.ui相同方式公开的方法。
我试过了：
import "jquery-ui" //needs building, from 1.12 on they support importing indivisual modules
import "jquery-ui/ui"
import "jquery-ui-dist/jquery-ui.js"
import "jquery-ui-bundle" //1.12.1 and 1.11.4
import "jqueryui";
一切都是import "jquery-ui-touch-punch"为了最终导入而不会抛出错误......