0
343
VistasTailwind: cómo obtener la versión en js o php
Mi contexto Laravel v8.81.0 (PHP v8.1.2), Vue v3.2.30 y Tailwind
Quiero obtener la versión de Tailwind en js, como obtener la versión de Vue:
//app.js require('./bootstrap'); import { createApp } from 'vue' import { version } from 'vue' let app = createApp({ data() { return { vueVersion : version } }, }).mount('#app')y usando la variable de versión en vue y pásela a la vista laravel
También hay en Laravel
//uploadfiles.blade.php ... <div class="mb-12 mt-12"> <h1 class="text-lg">My app</h1> <h4 class="text-sm mt-4">powered by Laravel v{{ Illuminate\Foundation\Application::VERSION }} (PHP v{{ PHP_VERSION }}), Vue v${ vueVersion } and Tailwind</h4> </div> ...O obtenga una versión de Tailwind similar a la forma de php para renderizar la versión de php y la versión de laravel.
¿Creación/compilación de la aplicación? en Laravel Mix/webpack? (npm run dev) y laravel cli (./vendor/bin/sail up)
mix.js('resources/js/app.js', 'public/js') .postCss('resources/css/app.css', 'public/css', [ require('tailwindcss') ]).vue(); //package.json { "private": true, "scripts": { "dev": "npm run development", "development": "mix", "watch": "mix watch", "watch-poll": "mix watch -- --watch-options-poll=1000", "hot": "mix watch --hot", "prod": "npm run production", "production": "mix --production" }, "devDependencies": { "axios": "^0.21", "laravel-mix": "^6.0.6", "lodash": "^4.17.19", "postcss": "^8.1.14", "tailwindcss": "^3.0.18", "vue-loader": "^16.8.3" }, "dependencies": { "vue": "^3.2.30" } }
·
Juan Pablo Isaza
3 Respuestas
Responde la pregunta0
Puede usar php file_ge_content para leer package.json
<?php $packageJSON = json_decode( file_get_contents(ABSPATH . 'package.json') ); var_dump($packageJSON->devDependencies->tailwindcss);
·
Juan Pablo Isaza
Denunciar
0
Puede solicitar el paquete.json de tailwind y obtener la versión desde allí.
//app.js require('./bootstrap'); const tailwindCssVersion = require('tailwindcss/package.json').version; import { createApp } from 'vue' import { version } from 'vue' let app = createApp({ data() { return { vueVersion: version, tailwindCssVersion: tailwindCssVersion } }, }).mount('#app') <h4 class="text-sm mt-4">[...] TailwindCSS v${ tailwindCssVersion }</h4>
·
Juan Pablo Isaza
Denunciar
0
<?php $packageJSON = json_decode(file_get_contents(base_path() . '/package.json')); $tailwindV = $packageJSON->devDependencies->tailwindcss; $out = str_replace('^', '', $tailwindV); //add this line if you want remove ^ sign echo $out; ?>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta