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',
        ])
    ]
};
  • Вопрос задан
  • 27 просмотров
Решения вопроса 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')
                    }
                }
            ],
        }
    ]
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
OFD.ru Москва
от 160 000 до 200 000 руб.
YLab Тольятти
от 80 000 до 120 000 руб.
от 120 000 руб.
16 июн. 2019, в 19:42
500 руб./за проект
16 июн. 2019, в 18:38
5000 руб./за проект
16 июн. 2019, в 17:14
5000 руб./за проект