vuePress
config.js how to configure sass to implement public components to call public styles, public methods.
the official document description is too vague. 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"],
            ["/-sharpynet_agreement", "ynet_agreement"],
            ["/-sharpynet_barcode", ""],
            ["/-sharpynet_block_panel", "ynet_block_panel"],
            ["/-sharpynet_button", ""],
            ["/-sharpynet_button_counting", ""],
            ["/-sharpynet_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"))
    }
}