uniapp中如何导入并使用外部scss文件

在uniapp中，可以使用以下步骤导入并使用外部scss文件：

1. 在项目中创建一个scss文件，例如：`common.scss`。

2. 在`App.vue`的`style`标签中引入该文件。

   <style lang="scss">
   @import "@/common.scss";
   </style>

3. 在`vue.config.js`文件中配置`sass`选项，以支持scss语法。

   module.exports = {
     css: {
       loaderOptions: {
         sass: {
           prependData: `
             @import "@/common.scss";
           `
         }
       }
     }
   }

注意：如果没有`vue.config.js`文件，则需要手动创建。

4. 在需要使用该scss文件的组件中，直接引用即可。

   <style lang="scss">
   .container{
     @extend .flex;
     justify-content: center;
     align-items: center;
   }
   </style>

上面的代码中，`.flex`是`common.scss`中定义的样式类，使用`@extend`可以继承该样式类的样式属性，从而避免了重复编写样式的问题。

注意事项：

1. 引入scss文件时，路径需要以`@`开头，表示项目根目录。

2. `vue.config.js`文件中的`sass`选项，可以根据实际情况进行配置，例如：`data`选项可以用来设置全局变量、mixin等。

3. 在使用`@extend`继承样式类时，需要注意样式类的优先级问题，可以使用`!important`来提高优先级。