如何在我的代碼nuxtjs上導入外部js和CSS

Question

我在Nuxt.JS中啟動了一個項目，但我的網站已經使用HTML + CSS + JS。 我只需要在NuxtJS的設計中包括這些HTML。

我已經嘗試過將css作為全局作用域放在nuxt.config.js中，但是那樣它將在SSR中進行編譯，我不希望這樣做。 就像在html上導入css，js ...

如何將CSS和Javascript導入頁面？

謝謝

Answer 1

您要做的就是在頁面的導出默認值中包含head方法。
您可以在此處了解有關head方法的更多信息

<script>
export default {
  head () {
    return {
      script: [
        { src: 'path/to/your/js/file.js' }
      ],
      link: [
        { rel: 'stylesheet', href: 'path/to/your/css/file.css' }
      ]
    }
  }
}
</script>

要么

您可以像使用style標簽在html中那樣包含它們

<style src="path/to/your/css/file.css"><style>
<!-- You can also add "scoped" or "lang='sass'" etc in there -->