我正在將我的 html/css/js 網站移動到 Nuxt.js,以便從 API 自動更新它。
我想保留同一個網站,所以我將我的代碼拆分為組件,將我的 css 匯入到:
/assets/css/*
并將其添加到 nuxt.config.js
css: [
'~/assets/css/bootstrap.min.css',
'~/assets/css/all.min.css',
'~/assets/css/simple-line-icons.css',
'~/assets/css/slick.css',
'~/assets/css/animate.css',
'~/assets/css/magnific-popup.css',
'~/assets/css/style.css'
],
它像這樣正常作業。
我嘗試對 nuxt.config.js 中的 js 和腳本做同樣的事情,但它不是那樣作業的。
所以我將我所有的 js 檔案移動到:
/靜態/js/*
并將其添加到配置中:
scripts:[
{ src: '/js/jquery-1.12.3.min.js', body: true },
{ src: '/js/jquery.easing.min.js', body: true },
{ src: '/js/jquery.waypoints.min.js', body: true },
{ src: '/js/jquery.counterup.min.js', body: true },
{ src: '/js/popper.min.js', body: true },
{ src: '/js/bootstrap.min.js', body: true },
{ src: '/js/isotope.pkgd.min.js', body: true },
{ src: '/js/infinite-scroll.min.js', body: true },
{ src: '/js/imagesloaded.pkgd.min.js', body: true },
{ src: '/js/slick.min.js', body: true },
{ src: '/js/contact.js', body: true },
{ src: '/js/validator.js', body: true },
{ src: '/js/wow.min.js', body: true },
{ src: '/js/morphext.min.js', body: true },
{ src: '/js/parallax.min.js', body: true },
{ src: '/js/jquery.magnific-popup.min.js', body: true },
{ src: '/js/custom.js', body: true },
]
有人知道如何正確匯入它們以及在 Nuxt.js 中使用的最佳方法嗎?
謝謝
uj5u.com熱心網友回復:
您可以在檔案的節點中移動scripts節點(重命名script)(主要用于外部資源,每個腳本物件中的每個鍵/值都是一個屬性)或按照https://nuxtjs.org/docs/configuration使用 Nuxt 的插件-glossary/configuration-plugins和https://nuxtjs.org/docs/directory-structure/plugins/。headnuxt.config.js
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/407477.html
標籤:
