Nuxt:如何在文件中而不是在样式标签中使用 css 全局样式

莫希特·钱达尼

我在我的 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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章