Hay un proyecto, diseño del panel de administración con numerosos componentes. Hay una carpeta de componentes, para usarlos uso el plugin gulp-ejs y lo hago así: <%- include('../components/buttons/_success') %> Naturalmente, el botón tiene el mismo texto dondequiera que esté incluido este componente, y quiero que su texto sea dinámico , por ejemplo, lo importo en la navegación y cambio el texto. Como ejemplo, puede tomar una reacción, donde en lugar del texto estático del componente, colocan algún tipo de props.title. Por favor, ayúdenme a implementar esto usando gulp-ejs. Como ya habrás adivinado, el proyecto se crea con el generador de tragos , un diseño limpio, sin express-js
Después de un tiempo, encontré una manera, para esto puedes usar "gulp-file-include":
npm i gulp-file-include2. Importarlo al archivo de configuración de gulp (en mi caso es el archivo gulpfile.js)
const include = require('gulp-file-include');
function html() {
return src([sourceFolder + '/html/**.html', sourceFolder + '/html/*.htaccess'])
.pipe(include())
...
}
@@ para declarar una variable, cuyo valor se puede cambiar a través del padre: botón.html:
<button class="btn">@@content</button>índice.html:
<div> @@include('button.html', { "content" : "Send"}) <div>Es importante especificar la ruta correcta al componente en el primer parámetro
¡Listo! Ahora tiene el texto del botón cambiando dinámicamente, para un estudio más detallado, aquí hay un enlace con una biblioteca y documentación.