Webpack spielt keine Bündel jquery

Question

ich eine Web-Anwendung in VS2017 (ASP.NET MVC-Core, .NET 4.6) erstellt und installierte Web-Pack-Erweiterung für Visual Studio

webpack.config.js:

"use strict" 
{ 
    // Required to form a complete output path 
    let path = require('path'); 
    var webpack = require('webpack'); 
    // Plugin for cleaning up the output folder (bundle) before creating a new one 
    const CleanWebpackPlugin = require('clean-webpack-plugin'); 

    // Path to the output folder 
    const bundleFolder = "wwwroot/bundle/"; 

    module.exports = { 
     // Application entry point 
     entry: "./app/main.ts", 

     // Output file 
     output: { 
      filename: 'script.js', 
      path: path.resolve(__dirname, bundleFolder) 
     }, 
     module: { 
      rules: [ 
       { 
        test: /\.tsx?$/, 
        loader: "ts-loader" 
       }, 
      ], 
     }, 
     resolve: { 
      extensions: [".tsx", ".ts", ".js"], 
      root: [ 
       path.resolve(__dirname, 'src'), 
       path.resolve(__dirname, 'node_modules') 

      ] 
     }, 
     plugins: [ 
      new CleanWebpackPlugin([bundleFolder]), 
      new webpack.ProvidePlugin({ 
       $: "jquery", 
       jQuery: "jquery", 
       'window.$': 'jquery', 
      }) 

     ], 
     // Include the generation of debugging information within the output file 
     // (Required for debugging client scripts) 
     devtool: "inline-source-map" 
    }; 
} 

jquery liegt in ./node_modules

I einen gebündelten jQuery-Code in script.js sehen erwartet, aber es ist da nicht

Answer 1

Ich glaube nicht, dass Webpack es bündeln wird, wenn Sie es tatsächlich irgendwo verwenden. Versuchen Sie, so etwas zu Ihrem Eintrittspunkt (oder ein Modul, das es importiert):

console.log('jquery version:', jQuery.fn.jquery); 

Der webpack es zu einem Bündel hinzuzufügen bekommen sollte.