有没有人获得过vue-cli和sass-loader才能在本机上成功导入其CSS加载器？ （vue-cli-plugin-nativescript-vue）

Question

我已经在我的Nativescript-Vue / [email protected]项目中设置了vue.config.js，以自动将global.scss文件包含到我的vue模板中。在网络上投放时效果很好，但在我的本机模拟器上却不行。

运行vue inspect之后（vue inspect---env.ios> out-ios.js），我的out-ios.js显示了sass-loaders prependData：'$ PLATFORM：ios ;'代替出现在out-web.js中的@ import“ styles / global.scss”;。我很好奇是否有人遇到或解决了这个问题，因为我的想法已经用完了。

链接到我的vue.config.js模块。导出：https://stackoverflow.com/a/62078502/3547640

Answer 1

[如果有人在将SCSS文件导入其本机脚本vue模板时遇到类似问题，则发布以供将来参考，我的解决方案涉及绝对路径和vue-cli-plugin-sass-resources插件。

// vue.config.js
module.exports = {
    pluginOptions: {
        sassResources: {
            resources: path.resolve(__dirname, './src/styles/global.scss'),
        },
    },
}