Question

如问题中所述，我面临一个奇怪的问题。

当我这样做时：

literal_eval

似乎没有全局加载jquery或bootstrap

我必须这样在我的插件（ posh.js）中手动加载它。

plugins: [
    '~plugins/posh.js'
  ],
vendor: ['jquery', 'bootstrap', 'popper.js'],
    plugins: [
      // set shortcuts as global for bootstrap
      new webpack.ProvidePlugin({
        $: 'jquery',
        jQuery: 'jquery',
        'window.jQuery': 'jquery'
      })

这没有道理。为什么需要这样做。

Answer 1

无需添加到供应商中，只需将您的jquery文件放入文件夹中，然后使您的nuxt.config.js如下所示。

head: {
    script: [{
      src: '/global/resources/jquery-3.3.1.min.js'
    }, {
      src: '/global/resources/jquery-ui.min.js'
    }, {
      src: '/global/resources/bootstrap.min.js'
    }]
  }

所以一切都会好起来，不需要添加到供应商中，也不需要在webpack插件中提及，因为您想使用jquery以便任何页面以及可以使用的任何地方，这样jquery文件始终会添加到每页的顶部，享受吧！

当Nuxt.js插件在供应商中全局加载时，为什么必须在其Nuxt.js插件中显式调用jquery和bootstrap？

1 个答案: