VueJS / Vuetify自定义样式未包含在生产版本中

时间:2019-03-05 10:08:03

标签: vue.js webpack vuejs2

编辑,我通过将自定义css移动到资产目录中其自己的文件,然后在main.js中对css进行可视化之后将其导入来解决此问题。但是有没有办法在将CSS保留在.vue文件中的同时使它工作呢?

我在为Vue应用程序构建生产版本时遇到问题。在开发期间,我添加了一些限定范围的但主要是全局的CSS样式,这些样式覆盖了Vuetify的某些样式,并且在开发过程中都很好用,但是当我尝试构建并用于生产时,这些样式会丢失。

vue文件中的自定义样式示例

.v-card__title{
padding: 8px;
padding-top: 0px;
padding-bottom: 0px;
font-size: initial
}

我的vue-cli设置与使用vue-cli创建项目时的默认设置基本相同。我唯一更改的是在开发过程中添加了proxyTable对象。

我尝试将NODE_ENV="production"设置为envar,删除了proxyTable选项,但是构建的版本不包含开发样式。

我的生产特快服务器仅使用以下方式提供构建文件:

app.get('/', (req, res) => {
res.sendFile('index.html', {root: publicRoot})
}); 

该应用程序的所有功能均正常运行,但不适用于我的样式。我该怎么解决?

0 个答案:

没有答案