vuepress 如何引入sass

新手上路,请多包涵

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'))
    }
}

图片描述

阅读 8.9k
1 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题