Javascript 在twig文件中使用webpackjs包
我对Javascript 在twig文件中使用webpackjs包,javascript,symfony,webpack,twig,Javascript,Symfony,Webpack,Twig,我对twig和webpack非常熟悉 我用warn安装了一些软件包,并在app.js中使用它们,但出于某些原因,我需要在我的twig文件中使用这些软件包的一些方法。 当我试图调用一个函数时,得到一个错误 例如,我安装boostrap选择package并在app.js // app.js var $ = require('jquery'); require('bootstrap/dist/js/bootstrap'); require('bootstrap-select/dist/js/boo
twig
和webpack
非常熟悉
我用warn
安装了一些软件包,并在app.js
中使用它们,但出于某些原因,我需要在我的twig
文件中使用这些软件包的一些方法。
当我试图调用一个函数时,得到一个错误
例如,我安装boostrap选择package并在app.js
// app.js
var $ = require('jquery');
require('bootstrap/dist/js/bootstrap');
require('bootstrap-select/dist/js/bootstrap-select');
$(document).ready(function () {
$('.selectpicker').selectpicker({});
})(jQuery);
一切都很好,工作也很完美,但是当调用twig
文件中的这个包函数时
{% block javascripts %}
<script type="text/javascript" src="{{ asset('b/app.js') }}"></script>
<script>
$('.selectpicker').selectpicker({});
</script>
{% endblock %}
任何人都有任何解决方案,我只需要在twig中调用一个函数:(.“当您的代码(或您正在使用的某个库)期望$或jQuery为全局变量时,就会发生此错误。但是,当您使用Webpack并要求('jQuery')时,不会设置全局变量。”
当您的代码(或您正在使用的某个库)希望$或jQuery是全局变量时,会发生此错误。但是,当您使用Webpack并要求('jQuery')时,不会设置全局变量
谢谢你的回答,但我的问题不是关于$
或jQuery
,jQuery
工作正常,我在全局范围内设置了$
,我的问题是关于任何其他npm包,比如bootstrap select
或我自己的javascript
npm
包,你如何在pro中使用其他包的功能JET?谢谢你的回答,但我的问题不是关于$
或jQuery
,jQuery
工作正常,我在全球范围内设置了$
,我的问题是关于任何其他npm包,比如引导选择或我自己的javascript
npm
包,你如何使用其他包的功能r项目?
funtionName = require('package path')
window.functionName = functionName;
global.funtionNmae = functionName;
// app.js
var $ = require('jquery');
// ...
global.$ = global.jQuery = $;