我在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') })更多推荐
webpack symfony encore jQuery第三方插件
发布评论