Tag: webpack

使jQuery-Mobile与webpack一起工作

我试图用webpack加载jquery-mobile。 但到目前为止没有运气。 这是我的jquery和jquery-mobile的webpack.config代码： loaders: [ { test: /jquery.mobile.js$/, loader: “imports?define=>false,this=>window” }, resolve: { alias: { “jquery”: “jquery/src/jquery”, “jquery-mobile”: “jquery-mobile/dist/jquery.mobile” }, }, plugins: [ new webpack.ProvidePlugin({ $: “jquery”, jQuery: “jquery”, “window.jQuery”: “jquery” }), ] 这是jquery.mobile文件中的函数，它会导致麻烦： (function ( root, doc, factory ) { if ( typeof define === “function” && define.amd ) { // AMD. Register as […]

$（…）。dateatepicker不是一个函数

我使用webpack并想使用bootstrap-datetimepicker 。 在我的webpack配置中，我使用ProvidePlugin来获取“jquery模块”。 在我的代码中，我得到错误$(…).datetimepicker is not a function当我调用$(‘#datetimepicker12’).datetimepicker函数时， $(‘#datetimepicker12’).datetimepicker函数。 我不知道为什么$ variable不包含datetimepicker函数，它应该在var datetimepicker = require(‘eonasdan-bootstrap-datetimepicker’); webpack.config.js var webpack = require(‘webpack’); var merge = require(‘webpack-merge’); var NpmInstallPlugin = require(‘npm-install-webpack-plugin’); var autoprefixer = require(‘autoprefixer’); const TARGET = process.env.npm_lifecycle_event; console.log(“target event is ” + TARGET); var common = { cache: true, debug: true, entry: ‘./src/script/index.jsx’, resolve: { extensions: [”, […]

从webpack导入owl.carousel

我是F2E世界的新手。 我刚刚使用create-react-app创建了一个Web应用程序。 （ https://github.com/facebookincubator/create-react-app ） 我想将owl.carousel导入到我的项目中，以便我遵循NPM（ https://www.npmjs.com/package/owl.carousel ）的指南，其语法是： import $ from ‘jquery’; import ‘imports?jQuery=jquery!owl.carousel’; 但调试器控制台指示错误： Unexpected ‘!’ in ‘imports?jQuery=jquery!owl.carousel’. Do not use import syntax to configure webpack loaders import/no-webpack-loader-syntax 我尝试了另一种语法： import owlCarousel from ‘owl.carousel’ 而错误将是： Uncaught TypeError: Cannot read property ‘fn’ of undefined 有人可以帮我弄清楚发生了什么吗？ 谢谢。 更新：我的webpack加载器设置： loaders: [ // Process JS with Babel. { test: […]

如何在Vue中使用jQuery插件

我正在VueJS中构建一个Web应用程序，但是我遇到了一个问题。 我想使用jQuery扩展（cropit是特定的）但我不知道如何以正确的方式实例化/ require / import它而不会出错。 我正在为我的应用程序使用de官方CLI工具和de webpack模板。 我在main.js文件中包含了这样的jQuery： import jQuery from ‘jQuery’ window.jQuery = jQuery 现在我正在构建一个图像编辑器组件，我希望像这样实例化crept： export default { ready () { $(document).ready(function ($) { $(‘#image-cropper-wrapper-element’).cropit({ /* options */ }) }) }, } 但我一直在收到错误……现在我的问题是如何通过NPM / Webpack / Vue正确实例化jQuery和插件？ 提前致谢！