Webpack loader for compiling Twig.js templates
文档：
安装
npm install twig-loader
配置
webpack
// webpack.config.js module.exports = { module: { rules: [ { test: /\.twig$/, use: { loader: 'twig-loader', options: { // See options section below }, } } ] } };
vue
// vue.config.js module.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'})
