Конфигурация веб-пакета html-webpack-плагин с PHP - PullRequest
Новая
       16

Конфигурация веб-пакета html-webpack-плагин с PHP

0 голосов
/ 17 апреля 2019

В моей структуре webpack я использую html-webpack-plugin для генерации моих html-файлов и т. Д., Проблема в том, что я хочу что-то сделать на странице, и в этой ситуации я хочу использовать PHP.Как я могу заставить это работать должным образом?Я искал в интернете, но ничего не смог найти.

Вот мой webpack.dev.js 

const path = require('path'),
    HtmlWebpackPlugin = require('html-webpack-plugin'),
    MiniCssExtractPlugin = require('mini-css-extract-plugin');

const {
    distPath,
    srcPath
} = require('./webpack.config.paths');

const {
    selectedPreprocessor
} = require('./webpack.config.preprocessor');

module.exports = {
    entry: {
        main: './' + srcPath + '/js/index.js'
    },
    output: {
        path: path.resolve(__dirname, distPath),
        filename: '[name].[chunkhash].js'
    },
    devServer: {
        open: true,
    },
    module: {
        rules: [
            {
                test: selectedPreprocessor.fileRegexp,
                use: [
                    {
                        loader: MiniCssExtractPlugin.loader
                    },
                    {
                        loader: 'css-loader',
                        options: {
                            modules: false,
                            sourceMap: true
                        }
                    },
                    {
                        loader: 'postcss-loader',
                        options: {
                            sourceMap: true
                        }
                    },
                    {
                        loader: selectedPreprocessor.loaderName,
                        options: {
                            sourceMap: true
                        }
                    },
                ]
            },
            {
                test: /app.*\.html$/,
                loader: 'raw'
            }
        ]
    },
    plugins: [
        new MiniCssExtractPlugin({
            filename: 'scss/index.css',
        }),
        new HtmlWebpackPlugin({
            hash: false,
            //inject: "head",
            template: './' + srcPath + '/content/index.html',
            filename: 'index.html',
            myPageHeader: 'Hello World',
        }),
    ]
};
...