mirror of
https://gitee.com/ElemeFE/element.git
synced 2024-12-05 05:38:24 +08:00
124 lines
3.6 KiB
JavaScript
124 lines
3.6 KiB
JavaScript
var cooking = require('cooking');
|
|
var config = require('./config');
|
|
var md = require('markdown-it')();
|
|
var CopyWebpackPlugin = require('copy-webpack-plugin');
|
|
var OfflinePlugin = require('offline-plugin');
|
|
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: {
|
|
hostname: '0.0.0.0',
|
|
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
|
|
});
|
|
|
|
// fix publicPath
|
|
if (!process.env.CI_ENV) {
|
|
cooking.add('output.publicPath', '');
|
|
}
|
|
|
|
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 `<demo-block class="demo-box" :jsfiddle="${jsfiddle}">
|
|
<div class="source" slot="source">${html}</div>
|
|
${descriptionHTML}
|
|
<div class="highlight" slot="highlight">`;
|
|
}
|
|
return '</div></demo-block>\n';
|
|
}
|
|
}]
|
|
],
|
|
preprocess: function(MarkdownIt, source) {
|
|
MarkdownIt.renderer.rules.table_open = function() {
|
|
return '<table class="table">';
|
|
};
|
|
MarkdownIt.renderer.rules.fence = wrap(MarkdownIt.renderer.rules.fence);
|
|
return source;
|
|
}
|
|
});
|
|
|
|
var wrap = function(render) {
|
|
return function() {
|
|
return render.apply(this, arguments)
|
|
.replace('<code class="', '<code class="hljs ')
|
|
.replace('<code>', '<code class="hljs">');
|
|
};
|
|
};
|
|
|
|
if (isProd) {
|
|
cooking.add('externals.vue', 'Vue');
|
|
cooking.add('externals.vue-router', 'VueRouter');
|
|
}
|
|
|
|
cooking.add('plugin.CopyWebpackPlugin', new CopyWebpackPlugin([
|
|
{ from: 'examples/versions.json' }
|
|
]));
|
|
isProd && cooking.add('plugin.OfflinePlugin', new OfflinePlugin());
|
|
cooking.add('vue.preserveWhitespace', false);
|
|
module.exports = cooking.resolve();
|