webpack symfony encore jQuery第三方插件

本文介绍了webpack symfony encore jQuery第三方插件的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我在symfony webpack encore中实现jquery 3rd party插件时遇到问题. 到目前为止，我有几个具有多种逻辑的.js文件，还有在树枝文件中执行一些js的脚本.

i am having problem with implementing jquery 3rd party plugins in symfony webpack encore. so far i have several .js files with varous logic, and also some scripts inside twig files that execute some of js.

这是app.js:

var $ = require('jquery'); global.$ = global.jQuery = global.jquery = $; require('jquery-validation');

webpack可以编译，但是当我执行程序时，我得到了:

webpack compiles, but when i execute program i get:

$(...).validate不是函数

$(...).validate is not a function

webpack.config.js很简单:

webpack.config.js is straightforward:

var Encore = require('@symfony/webpack-encore'); Encore // directory where compiled assets will be stored .setOutputPath('public/build/') // public path used by the web server to access the output path .setPublicPath('/build') .setManifestKeyPrefix('build/') .addEntry('base', './assets/js/base.js') .splitEntryChunks() .enableSingleRuntimeChunk() ; module.exports = Encore.getWebpackConfig();

package.json:

package.json:

"jquery": "^3.3.1", "jquery-validation": "^1.18.0", "jquery-datetimepicker": "^2.5.20",

更新: jquery-datetimepicker工作正常， 但是jquery-validation不是！

update: jquery-datetimepicker is working fine, but jquery-validation is not!

推荐答案

解决方案: 使用别名信息更新webpack.config.js，以便每个jquery 3rd party插件都使用相同的jquery

solution: update webpack.config.js with alias information, so that every jquery 3rd party plugin uses same jquery

var path = require('path'); Encore .addAliases({ 'jquery': path.join(__dirname, 'node_modules/jquery/src/jquery') })