webpack - 如何使用 Nuxt 以编程方式导入/注入 scss 文件？

Question

作为问题，我喜欢按名称变量加载不同的主题，但我总是从themeLoader.

我找到了很多纸，但没有答案。希望可以有人帮帮我。

function themeLoader (name) {
  return import(`../assets/themes/${name}.scss`)
}
export default {
  ...
  async fetch () {
    const name = 'test'
    console.log(themeLoader(name))
    const style = document.createElement('style')
    style.content = cssString
    // append to head
  }
  ...
}

---

更新

我将导入移动到 nuxt 头功能，但我想知道我做得对吗？

head () {
    const name = 'test'
    // eslint-disable-next-line
    import(/* webpackChunkName: "themes/[request]" */'../assets/themes/' + name + '/index.scss')
    return {
      title: this.docTitle
    }
  }

标签： webpacksassnuxt.jswebpack-style-loader