如何在 Symfony 项目中使用带有 webpack-encore 的 jQuery？

Question

我有 webpack-encore 和 jQuery 的问题。 我有一个带有以下代码的 custom.js 文件：

import "../css/custom.css";

var $ = require("jquery");

global.$ = global.jQuery = $;

在树枝文件中，我有以下代码：

<script src="{{asset('build/js/custom.js')}}"></script>
<script>
    $(document).ready(function (){
        alert("1");
    })
</script>

作为参数传递的 custom.js 的路径是正确的。

当我使用yarn run encore dev编译时，jQuery 模块不在custom.js生成的文件中，而是在另一个名为0.b9e94bd1.js文件中。

问题是它给了我错误$ is not defined

我怎么解决这个问题？

Answer 1

我解决了这个问题。 我使用 encore_entry_script_tags 更改了树枝内部的资产功能，现在定义了 jQuery 和 $。

Answer 2

我建议你在 webpack.config.js 中取消注释这一行

     // uncomment if you're having problems with a jQuery plugin
    .autoProvidejQuery()