在 webpack 构建中只包含 jquery slim？

Question

如何在我的 webpack 构建中只包含 jquery slim？

现在，我像这样包含 jquery 并且它工作正常，但我不想加载整个库..

webpack.config.js

module.exports = {
...
 module: {
  rules: [
   ...
    {
        test: require.resolve('jquery'),
        use: [{
            loader: 'expose-loader',
            options: 'jQuery'
        },
        {
            loader: 'expose-loader',
            options: '$'
         }]
    }
  ]
  ...
  plugins: [
   new webpack.ProvidePlugin({
        $: 'jquery',
        jQuery: 'jquery'
    })
  ]
 }

}

我在 npm 中找不到官方的 jquery-slim 包，所以我想这个想法是安装整个 jquery 包并且只使用我想要的东西，但我无法找到如何做到这一点。

Answer 1

jquery-slim.js在jquery.
它在node_modules/jquery/dist/jquery-slim.js.

所以你需要做的就是将加载器和插件定向到jquery.slim.js路径：

module.exports = {
...
 module: {
  rules: [
   ...
    {
        test: require.resolve('jquery/dist/jquery.slim'),
        use: [{
            loader: 'expose-loader',
            options: 'jQuery'
        },
        {
            loader: 'expose-loader',
            options: '$'
         }]
    }
  ]
  ...
  plugins: [
   new webpack.ProvidePlugin({
        $: 'jquery/dist/jquery.slim',
        jQuery: 'jquery/dist/jquery.slim'
    })
  ]
 }

}