Question

我正在WordPress中使用webpack.mix。

注销的WordPress jQuery。
```
//wp_deregister_script( 'jquery' );
```

已添加

mix.autoload({
jquery: ['$', 'window.jQuery', 'jQuery'],
});

或

    mix.js('assets/src/scripts/app.js', 'assets/dist/js')
.js('assets/src/scripts/admin.js', 'assets/dist/js')
.js('assets/src/scripts/backend.js', 'assets/dist/js')  
.react('assets/src/scripts/gutenberg.js', 'assets/dist/js')
.sass('assets/src/sass/style.scss', 'assets/dist/css')
.sourceMaps()
.webpackConfig({
    devtool: 'source-map'
})
.autoload({
    jquery: ['$', 'jQuery', 'jquery', 'window.jQuery'],
    'popper.js/dist/umd/popper.js': ['Popper']
})
//.extract(['jquery', 'popper.js', 'bootstrap'])
.options({
    processCssUrls: false
})

但是webpack.mix jQuery在页面末尾调用（我认为是正确的。）和“未定义”错误。所以我不得不删除“注销”。我们还在app.js中添加了全局定义（此文件称为bootstrap）
```
/** Boostrap JS **/
window.Popper = require('popper.js');
window.$ = window.jQuery = require('jquery');
require('./bootstrap');
```

我们还在webpack混合中添加了全局jquery定义。

    .autoload({
      jquery: ['$', 'jQuery', 'jquery', 'window.jQuery'],
      'popper.js/dist/umd/popper.js': ['Popper']
    })

我认为它适用于所有与脚本相关的jQuery。但只有内联脚本不起作用。
有关详细信息，我们有一些脚本由php文件（html）中的users选项生成。
无法加入外部脚本。

此外，Boostrap也不适用于内联脚本。如您所见，我包括了bootrap并定义了global。它可以正常工作的外部脚本。但不适用于嵌入式脚本。

我测试过要添加模式。但是它附带 $（...）madal不是函数

自动加载用于排队jquery？还可以命令首先调用哪些文件？

请理解我的英语和Webpack知识不佳，导致我的解释不清楚。

谢谢

内联脚本无法在webpack中使用

0 个答案: