如何在jhipster项目中向webpack添加jquery插件

在JHipster项目中向Webpack添加jQuery插件，可以按照以下步骤进行操作：

1. 首先，在JHipster项目的根目录下，找到webpack/webpack.common.js文件。
2. 在该文件中，找到plugins数组，并添加以下代码：

const webpack = require('webpack');

module.exports = {
  // ...
  plugins: [
    // ...
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery',
      'window.jQuery': 'jquery'
    })
  ]
};

这段代码使用了webpack的ProvidePlugin插件，将jQuery库作为全局变量注入到每个模块中。

1. 接下来，在webpack/webpack.dev.js和webpack/webpack.prod.js文件中，找到entry对象，并添加以下代码：

entry: {
  // ...
  global: './src/main/webapp/content/css/global.scss',
  jquery: 'jquery'
},

这段代码将全局样式文件和jQuery库添加到Webpack的入口文件中。

1. 然后，在src/main/webapp/app/vendor.ts文件中，添加以下代码：

import 'jquery';

这段代码将jQuery库导入到应用的vendor模块中。

1. 最后，在需要使用jQuery插件的地方，可以直接使用$符号来调用jQuery库的方法。

至此，你已经成功地向JHipster项目中的Webpack添加了jQuery插件。

关于JHipster项目和Webpack的更多信息，你可以参考腾讯云的相关产品和文档：

• JHipster项目介绍：JHipster
• Webpack相关产品：Webpack
• Webpack文档：Webpack文档