HtmlWebPackPlugin выберите js и css для вставки - PullRequest
Новая
       38

HtmlWebPackPlugin выберите js и css для вставки

0 голосов
/ 17 декабря 2018

Получил 2 точки входа в мой проект: логин и индекс .Я хотел бы создать 2 html-файла со следующим содержимым для инъекций: index.html: index.hash.js + index.hash.css login.html: login.hash.js + login.hash.css

Получил следующую конфигурацию веб-пакета: 

module.exports = (env, options) => {
    let development = options.mode !== 'production';

    const config = {
        entry: {
            login: ['./src/Login/index.js'],
            index: ['./src/Main/index.js'],
        },
        output: {
            path: path.resolve(__dirname, './dist'),
            filename: '[name].[hash:8].js',
        },
        devServer: {
            overlay: true,
            open: 'login.html',
        },
        module: {
            // too many rows here
        },
        plugins: [
        new MiniCssExtractPlugin({
            filename: '[name].[hash:8].css',
        }),
        new HtmlWebpackPlugin({
            template: 'public/login.html',
            filename: 'login.html',
        }),
        new HtmlWebpackPlugin({
            template: 'public/index.html',
            filename: 'index.html',
        }),
        new CleanWebpackPlugin(['dist'])
        ],
        devtool: development ? 'source-map' : false,
    };

    return config;
};

В результате у меня есть 2 HTML-файла, которые содержат 2 одинаковых встроенных скрипта и таблицы стилей (index.hash.js, index.hash.css, login.hash.jsи login.hash.css в каждом html-файле).

Как выбрать сценарий для внедрения?Кто-нибудь может поделиться решением?Заранее спасибо!

...