若依VUE如何在全局样式文件中添加新的样式？

在Vue.js中，在全局样式文件中添加新样式通常是在项目的`src/assets/styles/main.css`或者`global.css`这样的地方。如果你想让这些样式在整个应用中生效，可以按照以下步骤操作：

1. **创建或打开全局CSS文件**：首先，如果还没有创建全局样式文件，你需要新建一个，并确保它会被Webpack等构建工具自动包含。

2. **添加样式**：在文件顶部导入你想要添加的新样式规则，例如：

   @import '@/styles/new-style.module.css'; // 如果是ES6模块语法
   /* 或者 */
   @import url('@/styles/new-style.css'); // 如果是常规CSS文件路径

3. **编写样式**：在文件中添加你的CSS规则，比如：

   .global-class {
     color: red;
     font-size: 16px;
   }

这里的`.global-class`将成为全局可用的样式类名。

4. **引入到Vue项目**：在`main.js`或其他适当的地方，通过Vue.config选项将全局样式文件配置进来，如：

   import Vue from 'vue';
   import App from './App.vue';
   
   Vue.config.productionTip = false;

   // 将全局样式表导入并挂载
   if (process.env.NODE_ENV !== 'production') {
     require('./assets/styles/main.css');
   }

   new Vue({
     render: h => h(App),
   }).$mount('#app');

上述代码仅用于非生产环境，如果你需要在所有环境下都加载，可以在其他配置文件中也做类似的操作。