相关疑难解决方法(0)

如何使用ES6语法导入jquery？

我正在使用(JavaScript)ES6语法通过babel转换器和preset-es2015插件以及semantic-ui样式编写一个新的应用程序.

index.js

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'));

Run Code Online (Sandbox Code Playgroud)

的index.html

<!DOCTYPE html>
<html lang="fr">
<head>
<body>
<script src="dist/app.js"></script>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

项目结构

.
??? app/
?   ??? index.js
??? assets/
??? dist/
?   ??? scripts/
?   ?   ??? jquery.min.js
??? index.html
??? node_modules/
?   ??? jquery/
?   ?   ??? dist/
?   ?   ?   ??? jquery.min.js
??? package.json
??? tests/

Run Code Online (Sandbox Code Playgroud)