我是webpack的新手，所以我的问题似乎很基本，但是我试图控制将在每个特定页面的静态网站上使用哪个javascript文件。现在，我实现的是将所有js文件夹捆绑到一个文件中。但是我不明白如何控制在哪个页面上使用哪个javascript文件。如果我不想要缩小的主要js文件，而只希望一个文件，而又不希望剩下的文件呢？

这是我的webpack.config.common.js文件：

const glob = require('glob');
const path = require('path');

const CopyWebpackPlugin = require('copy-webpack-plugin');
const HTMLWebpackPlugin = require('html-webpack-plugin');

const generateHTMLPlugins = () => glob.sync('./src/**/*.html').map(
  dir => new HTMLWebpackPlugin({
    filename: path.basename(dir),// Output
    template: dir,// Input
  }),);

module.exports = {
  node: {
    fs: 'empty',},entry: ['./src/js/app.js','./src/style/main.scss'],output: {
    path: path.resolve(__dirname,'dist'),filename: 'app.bundle.js',module: {
    rules: [
      {
        test: /\.js$/,loader: 'babel-loader',{
        test: /\.html$/,loader: 'raw-loader',{
        test: /\.(pdf|gif|png|jpe?g|svg)$/,use: [
          {
            loader: 'file-loader',options: {
              outputPath: 'static/',],{
        test: /\.(woff(2)?|ttf|eot)(\?v=\d+\.\d+\.\d+)?$/,options: {
              name: '[name].[ext]',outputPath: 'fonts/',plugins: [
    new CopyWebpackPlugin([
      {
        from: './src/static/',to: './static/',]),...generateHTMLPlugins(),stats: {
    colors: true,devtool: 'source-map',};