var cooking = require('cooking'); var config = require('./config'); var md = require('markdown-it')(); var striptags = require('./strip-tags'); var slugify = require('transliteration').slugify; var isProd = process.env.NODE_ENV === 'production'; var isPlay = !!process.env.PLAY_ENV; function convert(str) { str = str.replace(/(&#x)(\w{4});/gi, function($0) { return String.fromCharCode(parseInt(encodeURIComponent($0).replace(/(%26%23x)(\w{4})(%3B)/g, '$2'), 16)); }); return str; } cooking.set({ entry: isProd ? { docs: './examples/entry.js', 'element-ui': './src/index.js' } : (isPlay ? './examples/play.js' : './examples/entry.js'), dist: './examples/element-ui/', template: [ { template: './examples/index.tpl', filename: './index.html', favicon: './examples/favicon.ico' } ], publicPath: process.env.CI_ENV || '', hash: true, devServer: { port: 8085, log: false, publicPath: '/' }, minimize: true, chunk: isProd ? { 'common': { name: ['element-ui', 'manifest'] } } : false, extractCSS: true, alias: config.alias, extends: ['vue2', 'lint'], postcss: config.postcss }); cooking.add('loader.md', { test: /\.md$/, loader: 'vue-markdown-loader' }); cooking.add('vueMarkdown', { use: [ [require('markdown-it-anchor'), { level: 2, slugify: slugify, permalink: true, permalinkBefore: true }], [require('markdown-it-container'), 'demo', { validate: function(params) { return params.trim().match(/^demo\s*(.*)$/); }, render: function(tokens, idx) { var m = tokens[idx].info.trim().match(/^demo\s*(.*)$/); if (tokens[idx].nesting === 1) { var description = (m && m.length > 1) ? m[1] : ''; var content = tokens[idx + 1].content; var html = convert(striptags.strip(content, ['script', 'style'])).replace(/(<[^>]*)=""(?=.*>)/g, '$1'); var script = striptags.fetch(content, 'script'); var style = striptags.fetch(content, 'style'); var jsfiddle = { html: html, script: script, style: style }; var descriptionHTML = description ? md.render(description) : ''; jsfiddle = md.utils.escapeHtml(JSON.stringify(jsfiddle)); return `
${html}
${descriptionHTML}
`; } return '
\n'; } }] ], preprocess: function(MarkdownIt, source) { MarkdownIt.renderer.rules.table_open = function() { return ''; }; MarkdownIt.renderer.rules.fence = wrap(MarkdownIt.renderer.rules.fence); return source; } }); var wrap = function(render) { return function() { return render.apply(this, arguments) .replace('', ''); }; }; if (isProd) { cooking.add('externals.vue', 'Vue'); cooking.add('externals.vue-router', 'VueRouter'); } cooking.add('vue.preserveWhitespace', false); module.exports = cooking.resolve();