@aleshaykovlev
html, css, js, node, webpack, sass, react

Webpack не добавляет hbs код в скомпилированный html файл, что делать?

webpack:
module.exports = {
    //......
    plugins: [
        new HTMLWebpackPlugin({
            hash: false,
            inject: false,
            template: './src/views/index.hbs',
            minify: {
                collapseWhitespace: isProd
            },
        })
    ],
    module: {
        rules: [
            {
                test: /\.hbs$/,
                use: ['handlebars-template-loader']
            }
        ],
    },
};


server:
//....
const app = express();

const hbs = exphbs.create({
    defaultLayout: 'main',
    extname: 'hbs'
});

app.engine('hbs', hbs.engine);
app.set('view engine', 'hbs');
app.set('views', './src/views');

app.use(express.static(path.join(__dirname + '/dist/')));
app.use('/', homeRoute);
//....


main.hbs:
{{> head }}
<body>
    {{> header }}
    {{> up }}
    {{> preolaider }}
    {{{ body }}}
    {{> footer }}
    {{> down }}
</body>
</html>


Компилируется в файл html, который не видит main.hbs
  • Вопрос задан
  • 188 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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