{"id":20785,"library":"webpack-jquery-ui","title":"webpack-jquery-ui","description":"This package bundles jQuery UI (v1.12.1) with all necessary webpack loaders and plugins, simplifying configuration. Maintained as a convenience wrapper, it provides modular imports for interactions, widgets, and effects, automatically loading core dependencies. Version 2.0.1 is the latest; use is declining as modern frameworks adopt native solutions. Key differentiator: reduces boilerplate for webpack + jQuery UI projects.","status":"maintenance","version":"2.0.1","language":"javascript","source_language":"en","source_url":null,"tags":["javascript","webpack","jquery","jquery-ui","loaders"],"install":[{"cmd":"npm install webpack-jquery-ui","lang":"bash","label":"npm"},{"cmd":"yarn add webpack-jquery-ui","lang":"bash","label":"yarn"},{"cmd":"pnpm add webpack-jquery-ui","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"peer dependency required for jQuery UI","package":"jquery","optional":false},{"reason":"core jQuery UI library","package":"jquery-ui","optional":false},{"reason":"required to load CSS files","package":"css-loader","optional":false},{"reason":"injects CSS into DOM","package":"style-loader","optional":false},{"reason":"handles image assets","package":"file-loader","optional":true}],"imports":[{"note":"Default import is not supported; the entire module is side-effects only. Use bare import.","wrong":"import jQueryUI from 'webpack-jquery-ui'","symbol":"webpack-jquery-ui","correct":"import 'webpack-jquery-ui'"},{"note":"CSS import similarly is a side-effect; default import will be undefined.","wrong":"import css from 'webpack-jquery-ui/css'","symbol":"css","correct":"import 'webpack-jquery-ui/css'"},{"note":"Named exports not available. Use CommonJS require with subpath.","wrong":"import { interactions } from 'webpack-jquery-ui'","symbol":"interactions","correct":"require('webpack-jquery-ui/interactions')"}],"quickstart":{"code":"// install: npm install webpack-jquery-ui jquery\n// webpack.config.js\nconst path = require('path');\nconst webpack = require('webpack');\nmodule.exports = {\n  entry: './src/index.js',\n  output: {\n    filename: 'bundle.js',\n    path: path.resolve(__dirname, 'dist'),\n    publicPath: 'dist/'\n  },\n  module: {\n    rules: [\n      { test: /\\.css$/, use: ['style-loader', 'css-loader'] },\n      { test: /\\.(png|jpe?g|gif)$/i, use: 'file-loader' }\n    ]\n  },\n  plugins: [\n    new webpack.ProvidePlugin({\n      $: 'jquery',\n      jQuery: 'jquery',\n      'window.jQuery': 'jquery',\n      'window.$': 'jquery'\n    })\n  ]\n};\n// index.js\nrequire('webpack-jquery-ui');\nrequire('webpack-jquery-ui/css');\n$(function() {\n  $('#datepicker').datepicker();\n});","lang":"javascript","description":"Sets up full jQuery UI with webpack, including ProvidePlugin and CSS loading."},"warnings":[{"fix":"Evaluate alternative UI libraries or serve jQuery UI via script tags in HTML.","message":"webpack-jquery-ui is not actively maintained; consider migrating to modern frameworks like React/Vue or using jQuery UI CDN directly.","severity":"deprecated","affected_versions":"*"},{"fix":"Run 'npm install jquery' and ensure ProvidePlugin aliases are set in webpack config.","message":"The package does not include jQuery itself; you must install jquery separately as a dependency.","severity":"gotcha","affected_versions":"*"},{"fix":"Install 'npm install --save-dev style-loader css-loader file-loader'.","message":"Webpack 4+ requires style-loader and css-loader to be installed as dev dependencies; they are not automatically included by this package.","severity":"gotcha","affected_versions":">=2.0"},{"fix":"Update to latest jQuery UI patch or sanitize user input manually.","message":"jQuery UI v1.12.1 has known XSS vulnerabilities (CVE-2016-7103) in the dialog widget.","severity":"breaking","affected_versions":">=2.0"}],"env_vars":null,"search_vec":"'2.0.1':39 'adopt':49 'automat':34 'boilerpl':55 'bundl':7 'configur':19 'conveni':23 'core':36 'declin':45 'depend':37 'differenti':53 'effect':33 'framework':48 'import':28 'interact':30 'javascript':61 'jqueri':3,8,58,63,65 'jquery-ui':64 'key':52 'latest':42 'load':35 'loader':15,67 'maintain':20 'modern':47 'modular':27 'nativ':50 'necessari':13 'packag':6 'plugin':17 'project':60 'provid':26 'reduc':54 'simplifi':18 'solut':51 'ui':4,9,59,66 'use':43 'v1.12.1':10 'version':38 'webpack':2,14,57,62 'webpack-jquery-ui':1 'widget':31 'wrapper':24","created_at":"2026-04-25T11:24:57.931777+00:00","updated_at":"2026-04-25T11:24:57.931777+00:00","problems":[{"fix":"Run 'npm install jquery' and add ProvidePlugin to webpack config.","cause":"jquery not installed as a dependency","error":"Error: Cannot find module 'jquery'"},{"fix":"Install 'npm install --save-dev style-loader css-loader' and add a rule for .css files in webpack config.","cause":"Missing style-loader or css-loader for CSS files","error":"Error: Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type."},{"fix":"Ensure you have require('webpack-jquery-ui') in your entry file and wrap code in $(function() { ... }) or DOMContentLoaded event.","cause":"jQuery UI not properly loaded or initialized after DOM ready","error":"$(...).datepicker is not a function"}],"ecosystem":"npm","meta_description":null,"install_score":null,"quickstart_score":null,"quickstart_tag":null,"pypi_latest":null,"cli_name":"","cli_version":null,"type":"library","homepage":null,"github":null,"docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/webpack-jquery-ui","openapi_spec":null,"status_page":null,"smithery":null,"categories":["web-framework"],"base_url":null,"auth_type":null,"provenance":{"verified_status":null,"verified_at":null,"last_verified":"2026-06-17","next_check":"2026-07-24","install_tag":null}}