uniapp js 获取 scss

在uni-app开发中，如果你想在JavaScript中获取SCSS文件的内容，你需要先将SCSS转换为CSS，因为uni-app默认是以Vue组件为基础，Vue不直接支持原生的SCSS编译。你可以通过以下步骤来实现：

1. **安装依赖**:
使用`uni-app-cli`提供的工具，如`vue-style-loader`和`scss-loader`，可以对SCSS进行编译。首先，在项目根目录运行：

   npm install vue-style-loader sass-loader node-sass --save-dev

2. **配置webpack**:
在项目的`vue.config.js`中，添加或更新相关的loader配置，例如：

   module.exports = {
     chainWebpack: config => {
       config.module
         .rule('scss')
         .test(/\.s[ac]ss$/)
         .use('sass-loader')
         .loader('sass-loader')
         .options({
           // 配置SASS选项
           includePaths: [path.resolve(__dirname, 'src/assets/scss')], // 指定SCSS文件的路径
         });
     },
   };

3. **使用SCSS**:
在`.vue`文件中，你可以像这样引用SCSS文件：

   <template>
     <div class="my-component">
       <!-- ... -->
     </div>
   </template>

   <script>
   import './style.scss'; // 在这里导入SCSS文件
   export default {};
   </script>

然后，`my-component` 的样式会由对应的SCSS文件编译后的CSS提供。

注意，这种方式是在编译阶段完成SCSS到CSS的转换，所以在开发环境中查看样式效果可能会延迟一些。如果你需要实时预览SCSS效果，可以考虑使用第三方插件如`vue-cli-plugin-vuex-scss`.