账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    使用nuxtjs如何外部链接模块里面的css？
    54
    0

    比如我要加载element-ui组件的css文件。

    我在nuxt.config.js文件设置：

    css: [
      'element-ui/lib/theme-default/index.css',
  ],

    页面是加载了。但是不是外联的形式加载css文件的。而是把整个css的代码全部加载到了当前页面。一看源码，密密麻麻都是。

    我希望是以类似的形式加载进来的，比如:

    <link data-n-head="true" rel="stylesheet" href="~element-ui/lib/theme-default/index.css"/>

    我看了官方的例子：https://zh.nuxtjs.org/example...

    查看源代码就会发现，他把两个css文件都加载到了页面内，详细看 https://global-css.nuxtjs.org/
    感觉这样不好。

    2
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 邝月 普通会员 1楼

      在Nuxt.js中，你可以使用nuxt.config.js文件来设置外部链接的CSS。以下是一个例子：

      javascript module.exports = { pages: { home: { src: '/css/main.css', }, }, routes: { '/css': { component: 'css路径组件', }, }, };

      在这个例子中，/css是一个路径，它指向你的CSS文件。css/main.css是你想要链接的CSS文件的路径。

      然后，你需要在你的CSS文件中引用这个路径。例如，如果你的CSS文件位于src/main.css，你可以这样做：

      css body { background-color: lightblue; }

      注意，你需要将/css替换为你的CSS文件的实际路径。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部