vuepress 如何引入sass

发布于 2022-09-07 21:16:52 字数 1275 浏览 14 评论 0

vuePress
config.js中如何配置sass实现公共组件调用公共样式,公共方法。
官方文档描述太过模糊。https://vuepress.vuejs.org/co...

module.exports = {
    title: '文档',
    description: 'Just playing around',
    themeConfig: {
        nav: [
            { text: '主页', link: '/' },
            { text: '前端规范', link: '/frontEnd/' },
            { text: '开发环境', link: '/development/' },
            { text: '学习文档', link: '/notes/' },
        ],
        sidebar: [
            ['/test/', 'ynet_account_check_more'],
            ['/#ynet_agreement', 'ynet_agreement'],
            ['/#ynet_barcode', '条形码'],
            ['/#ynet_block_panel', 'ynet_block_panel'],
            ['/#ynet_button', '按钮'],
            ['/#ynet_button_counting', '倒计时按钮'],
            ['/#ynet_cell', '列表']
        ]
    },
    postcss: [require('autoprefixer')],
    sass: { indentedSyntax: true },
    scss: {
        includePaths: ["./public/scss/index.scss", "./public/scss/_variable.scss"]
    },
    chainWebpack: (config, isServer) => {
        config.resolveLoader
            .modules
            .add(path.resolve(__dirname, './node_modules'))
    }
}

图片描述

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文