fix:add new component demo index & fix rollup build error

This commit is contained in:
xuxiaoyan 2018-07-01 12:45:39 +08:00
parent d2441a5e7c
commit 46ee74aaad
5 changed files with 19 additions and 14 deletions

View File

@ -21,10 +21,9 @@ const outputCommonjsOptions = {
} }
function watch() { function watch() {
const watchOptions = { const watchOptions = Object.assign(inputOptions, {
...inputOptions,
output: outputCommonjsOptions, output: outputCommonjsOptions,
} })
const watcher = rollup.watch(watchOptions) const watcher = rollup.watch(watchOptions)
watcher.on('event', e => { watcher.on('event', e => {
console.info(e) console.info(e)

View File

@ -135,11 +135,11 @@ const rollupPlugin = [
})), })),
// dest // dest
...(conditionHelper(isProduction, [ // ...(conditionHelper(isProduction, [
uglify({ // uglify({
compress: {}, // compress: {},
}), // }),
])), // ])),
...(conditionHelper(isDev, [ ...(conditionHelper(isDev, [
fillHtmlPlugin({ fillHtmlPlugin({
template: resolve('examples/index.livereload.html'), template: resolve('examples/index.livereload.html'),

View File

@ -1,5 +1,5 @@
<template> <template>
<div class="md-example single-component"> <div class="md-example activity-indicator">
<section class="md-example-section" v-for="(demo, index) in demos" :key="index"> <section class="md-example-section" v-for="(demo, index) in demos" :key="index">
<div class="md-example-title" v-html="demo.title"></div> <div class="md-example-title" v-html="demo.title"></div>
<div class="md-example-describe" v-html="demo.describe"></div> <div class="md-example-describe" v-html="demo.describe"></div>
@ -15,10 +15,12 @@ import Demo0 from './cases/demo0'
import Demo1 from './cases/demo1' import Demo1 from './cases/demo1'
import Demo2 from './cases/demo2' import Demo2 from './cases/demo2'
export default createDemoModule('single-component', [Demo0, Demo1, Demo2]) export default {
...createDemoModule('activity-indicator', [Demo0, Demo1, Demo2]),
}
</script> </script>
<style lang="stylus"> <style lang="stylus">
.md-example.single-component .md-example.activity-indicator
position relative position relative
</style> </style>

View File

@ -1,5 +1,5 @@
<template> <template>
<div class="md-example single-component"> <div class="md-example amount">
<section class="md-example-section" v-for="(demo, index) in demos" :key="index"> <section class="md-example-section" v-for="(demo, index) in demos" :key="index">
<div class="md-example-title" v-html="demo.title || '基础'"></div> <div class="md-example-title" v-html="demo.title || '基础'"></div>
<div class="md-example-describe" v-html="demo.describe"></div> <div class="md-example-describe" v-html="demo.describe"></div>
@ -16,10 +16,12 @@ import Demo1 from './cases/demo1'
import Demo2 from './cases/demo2' import Demo2 from './cases/demo2'
import Demo3 from './cases/demo3' import Demo3 from './cases/demo3'
export default createDemoModule('single-component', [Demo0, Demo1, Demo2, Demo3]) export default {
...createDemoModule('amount', [Demo0, Demo1, Demo2, Demo3]),
}
</script> </script>
<style lang="stylus"> <style lang="stylus">
.md-example.single-component .md-example.amount
position relative position relative
</style> </style>

View File

@ -35,5 +35,7 @@ export {default as Captcha} from '../components/captcha/demo'
export {default as Codebox} from '../components/codebox/demo' export {default as Codebox} from '../components/codebox/demo'
export {default as Cashier} from '../components/cashier/demo' export {default as Cashier} from '../components/cashier/demo'
export {default as Chart} from '../components/chart/demo' export {default as Chart} from '../components/chart/demo'
export {default as Amount} from '../components/amount/demo'
export {default as ActivityIndicator} from '../components/activity-indicator/demo'
/* @init<%export {default as ${componentNameUpper}} = '../components/${componentName}/demo' */ /* @init<%export {default as ${componentNameUpper}} = '../components/${componentName}/demo' */