cloud-ui.vusion/docs-src/vusion.config.js

Vusion Cloud UI

const path = require('path');
const iterator = require('markdown-it-for-inline');

const theme = 'theme-' + process.argv[process.argv.length - 1];
const themePath = theme === 'theme-default' ? 'src' : theme;

module.exports = {
    type: 'app',
    // version: '>=0.6.1',
    libraryPath: `./${themePath}`,
    extractCSS: true,
    uglifyJS: true,
    webpack: {
        entry: {
            docs: ['babel-polyfill', path.resolve(__dirname, `./index.js`)],
        },
        output: {
            path: path.resolve(__dirname, '../cloud-ui/' + theme),
            publicPath: `/cloud-ui/${theme}/`,
            filename: '[name].js',
            chunkFilename: 'chunk.[name].[chunkhash:16].js',
        },
        resolve: {
            alias: {
                library$: path.resolve(__dirname, `../${themePath}/index.js`),
            },
        },
        module: {
            rules: [{
                test: /\.md$/,
                use: [{
                    loader: 'vue-loader',
                    options: {
                        preserveWhitespace: false,
                    },
                }, {
                    loader: '@vusion/md-vue-loader',
                    options: {
                        wrapper: 'u-article',
                        liveProcess(live, code) {
                            // 不好直接用自定义标签，容易出问题
                            return `<div class="u-example"><div>${live}</div><div slot="code"></div></div>\n\n${code}`;
                        },
                        postprocess(result) {
                            const re = /<div class="u-example"><div>([\s\S]+?)<\/div><div slot="code"><\/div><\/div>\s+(<pre[\s\S]+?<\/pre>)/g;
                            return result.replace(re, (m, live, code) => `<u-example><div>${live}</div><div slot="code">${code}</div></u-example>\n\n`);
                        },
                        plugins: [
                            [iterator, 'link_converter', 'link_open', (tokens, idx) => tokens[idx].tag = 'u-link'],
                            [iterator, 'link_converter', 'link_close', (tokens, idx) => tokens[idx].tag = 'u-link'],
                        ],
                    },
                }],
            }],
        },
    },
    webpackDevServer: {
        contentBase: [path.resolve(__dirname, '../cloud-ui'), path.resolve(__dirname, '../')],
        // host: '0.0.0.0',
    },
};