需要全局级别的jQuery才能与Jquery UI模块一起使用
我正在开发angular 2，其中我希望从jQuery ui中使用Jquery。每个模块通过访问全局变量将自身添加到jQuery中。我几乎花了几个小时在Github和Stackoverflow (以及其他随机网站)的每个角落寻找解决方案，但到目前为止，还没有一个有效的解决方案。
我尝试过的方法：
用于$、jQuery和window.jQuery的ProvidePlugin，公开加载器导入加载器在堆栈中的不同位置需要jQuery的各种其他组合我显然遗漏了一些东西。每次我编写导入"jquery-ui“时，我都会得到"jQuery is not defined”。
谢谢。
我的webpack.config.js (用于开发)
var path = require('path');
var autoprefixer = require('autoprefixer');
var webpack = require('webpack');
const DedupePlugin = require('webpack/lib/optimize/DedupePlugin');
const UglifyJsPlugin = require('webpack/lib/optimize/UglifyJsPlugin');
var commonConfig = {
resolve: {
extensions: ['', '.ts', '.js'],
alias: {
'jquery': path.join(__dirname, 'node_modules/jquery/dist/jquery'),
}
},
module: {
loaders: [
// TypeScript
{ test: /\.ts$/, loaders: ['ts-loader'] },
{ test: /\.css$/, loaders: ['style','css'] },
{
test: /\.html/,
loader: 'html',
query: {
minimize: true,
removeAttributeQuotes: false,
caseSensitive: true,
// Teach html-minifier about Angular 2 syntax
customAttrSurround: [
[/#/, /(?:)/],
[/\*/, /(?:)/],
[/\[?\(?/, /(?:)/]
],
customAttrAssign: [/\)?\]?=/]
}
},
{ test: /\.scss$/, loaders: ['to-string', 'css', 'postcss', 'resolve-url', 'sass?sourceMap'] },
{ test: require.resolve('jquery'), loader: 'expose?jQuery!expose?$' }
]
},
'uglify-loader': {
mangle: false
},
postcss: function () {
return [autoprefixer];
},
plugins: [
new webpack.optimize.OccurenceOrderPlugin(true),
new webpack.DefinePlugin({
ENV: JSON.stringify(process.env.ENV)
})
],
devtool: process.env.ENV == 'dev'? 'source-map' : null
};
module.exports=commonConfig;转载请注明出处:http://www.zhongtian365.com/article/20230515/924047.html
随机推荐
-
需要准备的文档和内容
1.解决方案 公司管理现状 应该加什么系统、解决什么问题 每个系统的主要功能 系统结构图 系统间整体协作流程图 系统的逻辑结构和物理结构 系统开发人力、物理 开发成本、部署成本、维护成本、培训成本 项目周期 运行环境，部署服务器（应...
-
需要帮助才能在Unity 3D中实现移动输入
我使用Unity 2d游戏套件设计了一个2D游戏。我唯一的目的就是在Android设备上发布它们。但不幸的是，它的输入不适用于触摸屏。我想用虚拟操纵杆移动玩家。有人能帮我编辑这个C#脚本吗？public InputButton Pause ...
-
如何对需要其他模块的Node.js模块进行单元测试，以及如何模拟全局require函数？
这是一个简单的示例，它说明了我的问题的症结所在： var innerLib = require('./path/to/innerLib'); function underTest() { return innerLib.doCo...
-
需要检查Javascript中的特定按键
我很难理解为什么下面的代码可以工作，我想我的困惑来自于在这种情况下对event“的回调。我有一些图像，当单击或相应的按键被记录时，将播放声音。虽然一切正常，但我不明白为什么下面的代码使用event“而不是只使用一个空函数并调用this”(即...
-
需要帮助才能在我的代码中使用api响应
首先，我是这个编程游戏的新手。是几天前开始的。我正在制作一个聊天机器人，供twitch在我的频道中使用，以此为乐。让机器人启动并开始执行命令。我希望创建一个uptime命令，并设法从helix API请求数据，但我现在完全不知道如何“使用”...
-
需要在Kubernetes中为来自前端服务的每个新请求创建一个pod
我有一个前端应用程序将文件发送到后端服务进行处理的用例。后端服务pod一次只能处理一个请求。如果有多个请求到来，服务应该自动缩放并将请求发送到新的Pod。因此，我正在寻找一种方法，在这种方法中，我可以针对每个请求生成一个新的POD，并且在后...
-
需要将图像蒙版(多边形)输入到网格中，并获取多边形覆盖的网格混合像素的百分比
我有一个.ply格式的口罩，我很乐意使用它。但是，我希望将蒙版中的所有多边形插入到一个具有1/100左右子像素的2x2网格中，以便根据蒙版获得每个网格像素的覆盖率。我不知道如何处理这个问题。它是否与遮罩权重相同？对于每个像素，我应该得到一个...
-
如何在Vue3中的任何组件中创建一个全局模式，以便在需要时显示消息？
我想在Vue 3中创建一个全局组件来显示错误消息或信息消息，比如Alert或Comfirm。在Vue2中，我可以这样做，创建一个这样的plugin：import AlertComponent from ./Alert.vue; const...
-
需要开发两个表if和else之间的查询
我有两个表，第一个是项目主文件Col(Icode，IName，UOM)，第二个表是客户项目文件Col (Cicode，CIName，CustomerID，UOM，Icode)现在我希望当客户名称在第二个项目表中提到时，项目选择从客户项目文件...
-
需要有关应用内购买的帮助
目前我的是一个付费的应用程序，现在我计划使其免费与有限的功能，后in-app purchase用户可以拥有完整的功能。我想知道以前购买过的人可以直接restore purchase，这样他们就不需要再次购买了。