如何在 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()