编辑,我通过将自定义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})
});
该应用程序的所有功能均正常运行,但不适用于我的样式。我该怎么解决?