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

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

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    vuejs如何引入一个文件夹下所有的样式文件
    • 2020-01-01 00:00
    • 11
    38
    0

    在main.js之中本来是通过如下的方式引入样式，但是随着样式的增多开始不方便

    import "./styles/main.sass";
import "./styles/common.sass";

    如果是在node端可以采用如下的代码批量引入样式，

    fs.readdirSync('./styles/', (err, files) => {
    files.forEach(file => {
        require(file);
    });
});

    但是如果运行在浏览器，请问如何引入styles文件夹下所有的样式呢

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得：提问者悬赏的 11 元积分
        全部回答
    • 共 0 条
    • 心脏、已满丨住着如来 普通会员 1楼

      在Vue.js中，你可以使用<style>标签来引入文件夹下的所有样式文件。以下是一个示例：

      ```html

      ```

      在这个示例中，<style>标签的src属性指定了要引入的文件的完整路径，包括斜杠。注意，这个路径应该和你使用的服务器上的文件路径匹配。

      如果你想在组件中引入这些样式文件，你可以在组件的methods或者data中添加一个方法来读取和应用这些样式。例如：

      javascript export default { name: 'App', data() { return { styles: [], }; }, methods: { loadStyles() { const styles = require('./styles.css'); this.styles = styles; }, }, };

      在这个示例中，loadStyles方法会读取并应用文件夹下的所有样式文件。

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

    回答动态

    • 回到顶部
    • 回到顶部