Я новичок в вебпаке, поэтому мой вопрос может показаться очень простым, но я пытаюсь контролировать, какой файл 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+)?$/,
use: [
{
loader: 'file-loader',
options: {
name: '[name].[ext]',
outputPath: 'fonts/',
},
},
],
},
],
},
plugins: [
new CopyWebpackPlugin([
{
from: './src/static/',
to: './static/',
},
]),
...generateHTMLPlugins(),
],
stats: {
colors: true,
},
devtool: 'source-map',
};