有没有人得到 vue-cli 和 sass-loader 以在本机上成功导入他们的 CSS 加载器？ (vue-cli-plugin-nativescript-vue)

Question

我在我的 Nativescript-Vue / vue-cli@3.0 项目中设置了我的 vue.config.js 以自动将我的 global.scss 文件包含到我的 vue 中模板。这在网络上运行时效果很好，但在我的本地模拟器上却不行。

在运行ning vue inspect之后(vue inspect -- --env.ios > out-ios.js) 我的out-ios.js 显示 sass-loaders prependData: '$PLATFORM: ios;' 而不是我的 @import "styles/global.scss";出现在out-web.js中。我很好奇是否有人遇到或解决了这个问题，因为我运行没有想法。

link 我的 vue.config.js module.export:

Answer 1

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

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

有没有人得到 vue-cli 和 sass-loader 以在本机上成功导入他们的 CSS 加载器？ (vue-cli-plugin-nativescript-vue)

Has anyone gotten vue-cli and sass-loader to successfully import their CSS loaders on native? (vue-cli-plugin-nativescript-vue)

vue.js

sass

nativescript

vue-cli-3

sass-loader