Webpack: twig-loader编译 Twig 模板并返回一个函数

Webpack: twig-loader编译 Twig 模板并返回一个函数

Webpack loader for compiling Twig.js templates

文档：

​​install twig-loader

配置

webpack

// webpack.config.jsmodule.exports = { module: { rules: [ { test: /\.twig$/, use: { loader: 'twig-loader', options: { // See options section below }, } } ] }};

vue

// vue.config.jsmodule.exports = { chainWebpack: config => { // twig rule loader const twigRule = config.module.rule('twig'); // 找到twig-loader twigRule.exclude.add(/node_modules/); // 正则匹配排除node_modules目录 twigRule // 添加新的loader处理 .test(/\.twig$/) .use('twig-loader') .loader('twig-loader') .end(); }};

使用

例如：配置一个消息发送的模板

message.html.twig

标题：{{title}}更多的内容描述

// 返回一个函数// const template = require("./message.html.twig");import template from './message.html.twig';// 渲染模板let html = template({title: 'message title'})

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。