@apply在Laravel Mix中的Vue组件中不起作用

文章/答案/技术大牛

发布

2回答

Tailwindcss @apply指令在vue组件中不起作用

vuejs2、laravel-8、tailwind-css、jetstream、inertiajs

我用jetstream和惯性- vue堆栈为我的新项目创建了一个laravel应用程序，问题是Tailwindcs版本2使用postCss，它不支持vue组件中的@apply指令，但在.css文件中它工作得很好我不希望这样，因为css文件将加载我的每个页面，我只想要使用@apply指令的简短内联实用程序类，但我不能，我如何实现呢？在我的v

浏览 1063提问于2021-01-16得票数 4

2回答

laravel、vue.js、webpack、laravel-mix、tailwind-css

我在Laravel的VueJS组件中使用Tailwind CSS，就像这样。template> @apply/node_modules/vue-loader/lib/i

浏览 39提问于2019-11-14得票数 4

1回答

如何使用Vue在Laravel中的模板

laravel、validation、vue.js

我试图在表单上使用VueJS和Laravel，使用，我对Vue很陌生，所以我寻找了一些使用掩码的方法，最后找到了这个库。但是，我不知道如何使用这个站点的示例，因为它没有显示完整的示例，只是代码片段。显示第二个错误：Vue警告:未能解决指令:掩码我在blade.php中添加了代码 <

浏览 0提问于2019-04-10得票数 0

回答已采纳

2回答

如何在Laravel* 5.3中的Vue.js 2.0中的组件中使用外部html模板*

javascript、php、laravel、laravel-5.3、vuejs2

我使用的是默认的Laravel 5.3设置--这是Vue.js 2.0的默认配置的全新安装。使用browserify 5.1和Larave1.x，我可以很容易地定义像这样的组件，并使用Laravel进行编译。2中，默认是webpack (虽然browserify也是可用的，但无法使其工作，webpack似乎更好)。我尝试了各种配置，最后在我的gulp.js文件<e

浏览 44提问于2016-12-13得票数 4

回答已采纳

1回答

使用Vueify的Laravel

javascript、laravel、import、vue.js、vueify

我正试图在我的第一个Laravel项目中使用Vueify，我不知道为什么它不起作用。我已经安装了(通过npm) vueify和laravel-灵丹妙药-vueify模块。'); mix.scripts([ 'vendor/vue.min.js'对于什

浏览 2提问于2016-10-26得票数 1

回答已采纳

1回答

移动到Laravel* v6 & Vue 3时，手表编译时间大幅增加*

laravel、vue.js、webpack、laravel-mix

编辑：我正在更新我的Laravel 8项目从Vue 2和Laravel

浏览 1提问于2021-07-31得票数 3

2回答

Laravel 5.6 - Async / Lazy load vue components with laravel-mix和webpack

laravel、vue.js、lazy-loading、vue-router、laravel-mix

Laravel 5.6.21Node 10.5.0我的问题是如何正确地配置laravel-mix、webpack和babel，以便使用这里描述的方法成功地延迟加载vue组件：当尝试使用laravel-mix进行编译时，所有类似上述语法的语句都会生成错误(示例)

浏览 1提问于2018-09-25得票数 2

1回答

Laravel Mix:如何在继续执行mix sass之前将文件复制到目录

laravel、webpack、sass、laravel-mix

所以我的用例是，我有几个不同的“主题”要用在laravel webapp中。我的计划是在执行实际的mix.sass步骤之前，使用mix.copyDirectory()复制该主题的特定scss文件。我设置了一个laravel .env变量来控制在构建中包含哪个主题。我在webpack.mix.js中做了类似的事情 mix<

浏览 24提问于2020-07-11得票数 1

回答已采纳

3回答

Laravel Mix Vue，Lazy加载组件在使用Vue Router时作为未知的自定义元素返回错误

vue.js、lazy-loading、vue-router、laravel-mix

我已经得到了Laravel Mix的全新安装，我正在尝试在项目中设置延迟加载组件。我已经用babel插件‘语法-动态-导入’进行了正确的设置，所以app.js中的import语句可以正常工作。当我尝试将延迟加载的组件与vue-router一起使用时，就会出现这个问题。require('.example-component> <

浏览 2提问于2018-08-30得票数 0

1回答

如果php服务不起作用，如何更新vue组件？

laravel、vue.js

我们在Laravel项目的结构上做了一些小小的改变。我们在项目中创建了一个文件“Larvel”。为了使其正常工作，我们更改了“index.php”中的路径：所以命令php artisan serve不起作用。由于这个问题，我们的vue组件没有更新。我们使用x

浏览 0提问于2019-07-11得票数 2

1回答

Vuetify部件进口问题

laravel、vue.js、vue-component、vuetify.js、laravel-mix

我正在尝试将vuetify导入到现有的vue项目中。Laravel被用作后端。Laravel-mix webpack.mix.js文件：mix.js('resources/assets/js/app.js',>&

浏览 1提问于2018-07-06得票数 2

回答已采纳

1回答

如何在Laravel* Mix和Vue SFC中使用Typescript？*

laravel、typescript、vue.js、laravel-mix

在使用Laravel Mix时，是否可以在Vue单文件组件(SFC)中使用Typescript？<template> &l

浏览 17提问于2020-02-18得票数 0

3回答

模板没有显示在我的Laravel6.6项目与Vue.js

javascript、laravel、vue.js

我在Laravel项目中使用Vue.JS完成了基本安装，这是我的package.json "private": true, "dev": "": "^2.5.17", }所以我运行每个人在安装npm运行安装后

浏览 3提问于2020-02-01得票数 0

1回答

Gulp监视未捕获Browserify文件中的更改

javascript、laravel、gulp、browserify、vue.js

我使用的是laravel-elixir-vueify npm包。每当我在“脚本”或“样式”函数中更改文件时，Gulp都能很好地工作。但是，每当我更改"browserify“函数中的1文件时，gulp watch就不会运行。下面是我的代码：require('laravel-elixir-vueify');

浏览 3提问于2016-04-01得票数 2

3回答

Laravel nova:如何覆盖nova组件

laravel-nova

比方说，我想用一个自定义的nova/resources/js/components/Form/FieldWrapper.vue (添加一些CSS类或添加额外的/nova )来代替它，如何做到这一点，而不对例如，更改编辑视图的usecase是：将“每行一个字段”样式更改为“每行两个字段”样式，以使用大量浪费的空空间，并减少窗体的高度以减少滚动。

浏览 2提问于2018-09-18得票数 6

1回答

如何用VueJS在Laravel* InertiaJS中配置Tailwind + Postcss*

vue.js、postcss、tailwind-css、postcss-loader、inertiajs

我刚开始使用Intertia.js/Vue.js设置顺风/postcss配置，并希望对我的配置文件提供一些指导！我的目标是能够在vue组件中编写postcss/scss样式，例如能够使用postcss @apply功能，如下所示：<style lang="postcss">.nav-items { @apply

浏览 10提问于2020-06-02得票数 0

4回答

从Laravel文件导入Vue* js组件*

laravel、vue.js、laravel-blade

我已经在js/app.js文件中将一些组件注册为全局组件，但这使得编译后的app.js文件更大。//example: app.js问题是:是否有一种方法可以将这些全局组件导入到larav

浏览 0提问于2019-09-26得票数 3

回答已采纳

1回答

Laravel Vue Non SPA -如何为其vue js组件拆分每个页面的文件？

laravel、vue.js、webpack、vuejs2

我的应用程序使用的是laravel vue，而不是SPA。因此，我仍然使用laravel刀片来分隔页面。每个页面都在导入app.js。我的App.js是由webpack编译的，我所有的vue组件都是在那个文件上编译的。所以问题是app.js获得了MB大小，并且每个页面加载该文件的速度都会变慢。他们的方式是拆分vuejs的代码，还是使用webpack将每个页面的文件

浏览 26提问于2020-08-28得票数 4

回答已采纳

1回答

在laravel* mix *vue中使用scss风格的模块编译？

vue.js、sass、module、laravel-mix、sass-loader

我有一个模块化的模板，它使用Sass-loader编译每个组件都有的scss文件，但在laravel中使用它和laravel-mix将不起作用，这不会做任何事情我在php7和Vue JS上使用最新版本的/style.module.scss"; </style> 下面是一个组件，其中包含要编译为模块的style.scss文件。这里的

浏览 50提问于2019-05-28得票数 1

2回答

在Laravel* 5.6上找不到新的Vue组件*

javascript、laravel、vuejs2

我开始在laravel使用vue。但在我制作了新的组件并在我的刀片模板中使用它后，它没有显示出来。已清除浏览器中的所有缓存。已检查不同的解决方案，但没有任何帮助。示例-组件正在工作。这很奇怪。webpack.mix.js mix.js(&

浏览 2提问于2018-04-09得票数 0

点击加载更多

Tailwindcss @apply指令在vue组件中不起作用