如何使用 ES6 语法导入 jquery? [英] How to import jquery using ES6 syntax?

查看：123 发布时间：2021/12/23 11:32:27 javascript jquery ecmascript-6 browserify semantic-ui

本文介绍了如何使用 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'));

index.html

<html lang="fr"><头><身体><script src="dist/app.js"></script>

项目结构

<预><代码>.├──应用程序/│ ├── index.js├──资产/├── dist/│ ├── 脚本/│ │ ├── jquery.min.js├── index.html├── node_modules/│ ├── jquery/│ │ ├── dist/│ │ │ ├── jquery.min.js├── package.json└── 测试/

package.json

 ...脚本":{"build:app": "browserify -e ./app/index.js -o ./dist/app.js","copy:jquery": "cpy 'node_modules/jquery/dist/jquery.min.js' ./dist/scripts/",…},开发依赖":{"babel-core": "6.3.x","babel-preset-es2015": "6.3.x","babelify": "7.2.x","cpy": "3.4.x","npm-run-all": "1.4.x","sassify": "0.9.x","semantic-ui": "2.1.x",…},浏览":{转变": [[babelify"，{预设":[es2015"]}]，[ "sassify", { "auto-inject": true}]]}

问题

使用经典的


        
            相关文章
            
                    
                        
                            如何使用ES6语法导入jquery？;
                        
                    
                    
                        
                            如何使用 ES6/ES7 语法导入 jQuery UI?;
                        
                    
                    
                        
                            如何使用ES6/ES7语法导入jQuery UI?;
                        
                    
                    
                        
                            ES6语法导入电子（需要..）;
                        
                    
                    
                        
                            ES6 语法导入 Electron(需要..);
                        
                    
                    
                        
                            如何使用ES6模块语法（破坏）导入属性？;
                        
                    
                    
                        
                            如何使用ES6模块导入jQuery Masonry？;
                        
                    
                    
                        
                            ES6 语法导入 Electron (require..);
                        
                    
                    
                        
                            使用 ES6 语法和动态路径导入模块;
                        
                    
                    
                        
                            使用ES6语法和动态路径导入模块;
                        
                    
                    
                        
                            如何使用es6导入图像;
                        
                    
                    
                        
                            如何在TypeScript中使用es6语法导入.html片段;
                        
                    
                    
                        
                            如何在ES6语法中对导入使用深度解构?;
                        
                    
                    
                        
                            扩展语法 ES6;
                        
                    
                    
                        
                            传播语法ES6;
                        
                    
                    
                        
                            ES6导入– jQuery未定义;
                        
                    
                    
                        
                            如何使用 es6 样式导入导入 MongoDB?;
                        
                    
                    
                        
                            如何使用ES6导入重新导入模块;
                        
                    
                    
                        
                            es6模块如何导入？;
                        
                    
                    
                        
                            使用ES6导入JSNLog的正确语法是什么？;
                        
                    
                    
                        
                            ES6导入重复？;
                        
                    
                    
                        
                            使用ES6导入时，“jQuery未定义”;
                        
                    
                    
                        
                            使用 ES6 导入时“未定义 jQuery";
                        
                    
                    
                        
                            javascript - es6 对象语法;
                        
                    
                    
                        
                            对象解构语法 -  ES6;


    
        
            前端开发最新文章
            
                    
                        
                            为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？;
                        
                    
                    
                        
                            错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接;
                        
                    
                    
                        
                            如何解决'重定向已被CORS策略阻止：没有'Access-Control-Allow-Origin'标题'？;
                        
                    
                    
                        
                            如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？;
                        
                    
                    
                        
                            警告：添加非被动事件侦听器到滚动阻塞'touchstart'事件;
                        
                    
                    
                        
                            如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？;
                        
                    
                    
                        
                            此请求已被阻止;内容必须通过HTTPS提供;
                        
                    
                    
                        
                            资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）;
                        
                    
                    
                        
                            通过HTTPS加载页面但请求不安全的XMLHttpRequest端点;
                        
                    
                    
                        
                            拒绝从执行脚本'*'，因为它的MIME类型（“应用/ JSON'）不是可执行文件，并严格MIME类型检查被启用。;
                        
                    
            
        
        
            
                热门教程
            
            
                
                    
                        Java教程
                    
                
                
                    
                        Apache ANT 教程
                    
                
                
                    
                        Kali Linux教程
                    
                
                
                    
                        JavaScript教程
                    
                
                
                    
                        JavaFx教程
                    
                
                
                    
                        MFC 教程
                    
                
                
                    
                        Apache HTTP客户端教程
                    
                
                
                    
                        Microsoft Visio 教程
                    
                
            
        
        
            
                热门工具
            
            
                
                
                    
                        Java 在线工具
                    
                
                
                    
                        C(GCC) 在线工具
                    
                
                
                    
                        PHP 在线工具
                    
                
                
                    
                        C# 在线工具
                    
                
                
                    
                        Python 在线工具
                    
                
                
                    
                        MySQL 在线工具
                    
                
                
                    
                        VB.NET 在线工具
                    
                
                
                    
                        Lua 在线工具
                    
                
                
                    
                        Oracle 在线工具
                    
                
                
                    
                        C++(GCC) 在线工具
                    
                
                
                    
                        Go 在线工具
                    
                
                
                    
                        Fortran 在线工具

如何使用 ES6 语法导入 jquery? [英] How to import jquery using ES6 syntax?

问题描述

index.js

index.html

项目结构

package.json

问题

相关文章

前端开发最新文章

热门教程

热门工具

登录 关闭

登录关闭