问题标签 [vuetify-loader]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
192 浏览

webpack - Vuetify-loader 和 markdown loader

我有一个使用 vuetify-loader 构建的用于 treeshaking 的项目,它运行良好。我想添加一个像vue-markdown-loadervmark-loader这样的降价加载器,所以我将它添加到 webpack 配置中:

但是现在 vuetify-loader 停止工作了。它基本上不加载任何组件。
我猜它与vue-loader被使用有关,但我对 webpack 加载器一无所知。

0 投票
1 回答
280 浏览

vue.js - 更改默认 vuetify-loader 变量 scss 文件路径

我使用 Vue CLI(支持打字稿)创建了一个项目,并添加了 Vuetifyvue add vuetify

这将创建一个像这样的文件树:

但是,我想改变这个结构来使用像 Clean Architecture 这样的东西。所以我有

但如果我这样做,vuetify-loader将不再加载我的variables.scss文件。根据文档,看起来它只加载路径src/scss/variables.scss

有没有办法将默认路径更改为src/web/scss/variables.scss

0 投票
3 回答
10378 浏览

vue.js - 编译报错 [VueLoaderPlugin Error] vue-loader 15 目前不支持带有oneOf的vue规则

我从 Gitlab 下载了项目(带有 vue.js 的 Laravel),在我安装了依赖项(npm install & composer install)后,我无法编译它,因为当我尝试输入:npm run watch,我得到以下错误:

注意:我删除了 package-lock.json 因为没有删除它我得到了错误:

webpacj.mix.js:

如果我在下面的代码评论,npm run watch 可以编译项目。

包.json:

日志文件:

vuetify-loader/lib/plugin.js:

运行 npm install 成功,我也通过作曲家更新更新作曲家。

插件-webpack4.js:

请帮我..

0 投票
2 回答
1223 浏览

laravel - vuetify-loader 1.6 与 laravel mix 不兼容,vue-loader 15 目前不支持带有 oneOf 的 vue 规则

我正在尝试在 laravel 上安装 vue。我相信我明白了,但是当我运行 npm run watch 或 npm run dev 时,它会生成此错误。我已经尝试了几件事,但我无法解决

文件:webpack.mix.js

请有人帮助我

0 投票
0 回答
863 浏览

vuetify.js - 使用 nuxt 从 vuetify 中删除未使用的 css

我将 nuxt(通用模式)与 vuetify 一起使用,实际使用的组件很少。我还添加了一些我自己的 CSS 规则。我尝试使用 extractCSS 配置 treeshaking,我认为它适用于 js 部分,但我得到了一个 350KB 的 css 文件。(我认为)因此我也有 FOUC,因为加载所有 CSS 需要时间。

有什么办法吗?是否有另一个 css 框架可以更好地与 nuxt ssr 一起使用?

谢谢。

0 投票
1 回答
1934 浏览

vue.js - 编译Vue项目时的冲突顺序

我目前在编译我的项目时遇到问题,已经尝试过这个解决方案,但是当我部署我的应用程序时,我的工具栏和其他一些组件就失去了它们的基本样式。我当前的 package.json。

我收到这些警告

0 投票
1 回答
141 浏览

vuetify.js - 为什么 vue-cli 明白我已经安装了 vue-cli-plugin-vuetify 和 vuetify-loader?

当我vue-cli通过此命令创建一个新项目时

vue create hello-word

和这个命令安装vuetify

vue add vuetify

然后我看到我的 git 变化是这样的

在此处输入图像描述

两个新的依赖项已安装在package.json.

  1. vue-cli-plugin-vuetify
  2. vuetify-loader

乍一看,我以为vue.config.js已经指定使用这两个,但它的内容只有这些代码。

那么,怎么vue-cli知道我已经安装了这个新的 vuetify 加载器呢?

它会自动拾取那些吗?

0 投票
0 回答
116 浏览

vue.js - Vuetify `new Vue({ vuetify, render: h => h(App) }).$mount('#app')` 有什么作用?我可以忽略它吗?

我正在构建一个基于 Vuetify 的组件库。

Vuetify 安装告诉人们添加这一行

但是,我希望人们能够只导入我的组件。

看起来像这样

现在,如果需要这行 Vuetify...

我必须让我的组件库 API 看起来像这样

那么,有什么作用new Vue({ vuetify })呢?

0 投票
2 回答
173 浏览

vue.js - vue-cli-plugin-vuetify 是做什么的?

我有一个使用 Vuetify 的项目,我的项目不是由vue-cli

在使用 Vuetify 几个月后(在生产中),我发现我没有安装vue-cli-plugin-vuetify

这个插件实际上是做什么的?

0 投票
1 回答
102 浏览

vue.js - Vuetify - 如何在自定义构建中禁用显示助手?

Vuetify 的一些显示助手(https://vuetifyjs.com/en/styles/display/#display)与 Tailwind 类发生冲突。
例如,在 Bootstrap 中,有一种方法可以在自定义构建中禁用(=不包括)实用程序类。
在 docs 和vuetify-loader's docs 中搜索了一种方法,但找不到 - 有可能吗?