GreysonKind
@GreysonKind

[Webpack] Как выдернуть html из js строки?

После выполнения создаются html файлы из pug, но в них весь html экспортируется через переменную js, как это можно исправить (получить html на выходе)?

Содержимое html файла на выходе:
module.exports = "<div class=\"abc\">...</div>";

Запуск этой командой:
NODE_ENV=development webpack --config webpack/dev.config.js


Конфиг webpack'a
'use strict';

const NODE_ENV = process.env.NODE_ENV || 'development';

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

module.exports = {
    mode: NODE_ENV,

    entry: {
        pug: glob.sync(path.resolve(__dirname, '../src-ng/**/*.pug'))
    },

    output: {
        path: path.resolve(__dirname, "../dist-ng"),
        publicPath: "dist/"
    },

    devtool: "source-map",

    module: {
        rules: [
            {
                test: /\.pug$/,
                use: [
                    { loader: "file-loader", options: { name: "[name].html" } },
                    { loader: "html-loader" },
                    {
                        loader: 'pug-html-loader',
                        options: {
                            basedir: path.resolve(__dirname, '../src-ng')
                        }
                    },
                ],
            }
        ]
    },

    plugins: [
        new webpack.EnvironmentPlugin([
            'NODE_ENV',
        ])
    ]
};
  • Вопрос задан
  • 86 просмотров
Решения вопроса 1
GreysonKind
@GreysonKind Автор вопроса
module: {
    rules: [
        {
            test: /\.pug$/,
            use: [
                { loader: 'file-loader', options: { name: '[name].html' } },
                { loader: 'extract-loader' },
                {
                    loader: 'html-loader',
                    options: {
                        minimize: true,
                        removeComments: true
                    }
                },
                {
                    loader: 'pug-html-loader',
                    options: {
                        basedir: path.resolve(__dirname, '../src-ng')
                    }
                }
            ],
        }
    ]
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы