将scss文件编译为css

Question

我有一个nuxt应用程序，我将我的scss文件包含在我的nuxt.config.js中，因此可以对其进行编译并在我的应用程序中使用。

export default {
...
    css: [
    { src: '~assets/sass/app.scss', lang: 'scss' },
  ]
...
}

现在我正在尝试实现一个管理部分，它将使用不同的布局。

我正在使用2个布局文件，default.vue和admin.vue。我的目标是为当前存在的应用程序使用“ assets / sass / app.scss”，并为我的管理部分创建“ assets / sass / admin / app.scss”。

问题是，当我将它们都包含在nuxt.config.js中时，它们都会被处理。有没有一种方法在编译时编译scss文件，然后将编译后的css文件包括在vue布局文件的开头部分？

Answer 1

在主App.vue文件中，您可以在样式标签中导入scss文件。