How does weex introduce generic scss files globally?

wrote a general scss file called "main.scss", which is full of some commonly used css,
. My current way to introduce it is to introduce it actively in each .vue file.
is as follows:

<style lang="sass" scoped>
    @import "../../css/main.scss";
</style>

is there any way that can be introduced at one time, such as writing ordinary vue items, writing
such as

directly in index.html?
<style src="../../styles/main.css" scoped></style>

or:
where can I import directly?

Mar.04,2021

use this https://github.com/shakacode/sass-resources-loader

{
  loader: 'sass-resources-loader',
  options: {
    // Provide path to the file with resources
    resources: './path/to/resources.scss',
    // Or array of paths
    resources: ['./path/to/vars.scss', './path/to/mixins.scss']
  },
},
Add

to the array of use configurations in scss.

Menu