我在我的 nuxt 应用程序中添加了 css,如下所示:
css: [
'@/assets/scss/custom.scss',
'@/assets/css/master.css',
'@/assets/css/main.css',
'@/assets/css/svg.css',
'@/assets/css/all.min.css',
'@/assets/css/vue-paginate.css',
'@/node_modules/vue2-datepicker/index.css',
'@/assets/css/vue-tooltip.css',
'@/node_modules/vue-select/dist/vue-select.css',
'@/node_modules/vue-file-agent/dist/vue-file-agent.css',
'@/node_modules/sweetalert2/dist/sweetalert2.min.css',
'@/node_modules/vue-multiselect/dist/vue-multiselect.min.css',
'@/node_modules/quill/dist/quill.snow.css',
'@/assets/css/drapcode-buttons.less',
'@/assets/css/client-style.less',
],
每当我尝试查看页面源代码时,它都会向我显示包含的所有 css
那么,有没有办法将这些 css 作为链接包含在所有页面中?
该css
属性用于此确切目的
Nuxt.js 允许您定义要全局设置的 CSS 文件/模块/库(包含在每个页面中)
如果您想在每个页面或组件中包含它,请在<style>
标签中包含您的样式。
如果你想让它们分成文件,我想你可以使用 extractCSS
export default {
build: {
extractCSS: true,
// or
extractCSS: {
ignoreOrder: true
}
}
}
据我了解,与您的问题相同:Nuxt.js: How move Global CSS from style tag to css file
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句