¿Cómo importar jQuery UI usando la sintaxis de ES6/ES7?
jquery-ui reactjs (4)
Agregue un alias en la configuración del paquete web:
resolve: {
alias: {
''jquery-ui'': ''jquery-ui-dist/jquery-ui.js''
}
}
Guárdalos en package.json:
npm i --save jquery
npm i --save jquery-ui-dist
Entonces
import $ from ''jquery'';
import ''jquery-ui'';
Funciona para mí con el último jquery (3.2.1) y jquery-ui (1.12.1).
Ver mi blog para más detalles: http://code.tonytuan.org/2017/03/webpack-import-jquery-ui-in-es6-syntax.html
Estoy tratando de usar alguna funcionalidad de jQuery UI en mi aplicación reactJS / Redux. He importado jQuery y jQuery UI usando:
npm install jquery jquery-ui
Y luego lo intenté:
import $ from ''jquery'';
import jQuery from ''query'';
import jQuery-ui from ''jquery-ui'';
Sin embargo, la interfaz de usuario de jQuery no parece importarse cuando intento hacer algo como:
componentDidMount() {
$(''ol#myList'').selectable();
}
Creo que el problema es con jQuery UI. ¿Qué estoy haciendo mal? ¿Cómo puedo hacer que jQuery UI funcione con esta pila?
¡Gracias!
Estoy utilizando con éxito la importación parcial de jquery-ui. Me refiero a importar a mi módulo solo lo que necesitaba de jquery-ui:
import $ from ''jquery'';
import ''jquery-ui/themes/base/core.css'';
import ''jquery-ui/themes/base/theme.css'';
import ''jquery-ui/themes/base/selectable.css'';
import ''jquery-ui/ui/core'';
import ''jquery-ui/ui/widgets/selectable'';
(Pero tenga en cuenta que estoy usando el paquete web https://webpack.github.io/ , en otro enfoque de entorno puede ser diferente)
Yo primero,
npm install jquery-ui-bundle --save
Cuando lo necesito, yo
import ''jquery-ui-bundle'';
import ''jquery-ui-bundle/jquery-ui.css'';
el nombre del componente es jqueryui (sin guión), use import jqueryui from ''jquery-ui''
o simplemente import ''jquery-ui''