Feature/build demo

lib/demo/command.js

@@ -6,21 +6,30 @@ const service = require('./service')
 module.exports = api => ({
   opts: {
     description: 'demo of plugin',
-    usage: 'vue-cli-service demo entry'
+    usage: 'vue-cli-service demo [options] entry',
+    options: {
+      '--mode': 'specify `serve` or `build` mode (default: `serve`)'
+    }
   },
   fn: async args => {
     const context = api.getCwd()
     const entry = args._[0] || ''
     const lang = api.hasPlugin('typescript') ? 'ts' : 'js'
     const open = true
 
+    const command = args.mode || 'serve'
+    const customArgs = { open }
+    if (command === 'build') {
+      customArgs.dest = './demo/dist'
+    }
+
     // TODO: should be checked wheter dist files generating
-    
+
     if (!existsSync(path.join(context, './demo', entry))) {
       console.log(chalk.red(`Demo file ${chalk.yellow(entry)} does not exist.`))
       return
     }
 
-    return service(context, entry, lang, { open })
+    return service(context, entry, lang, customArgs, command)
   }
 })

lib/demo/service.js

@@ -9,6 +9,6 @@ function createService (context, entry, lang) {
   })
 }
 
-module.exports = (context, entry, lang, args) => {
-  return createService(context, entry, lang).run('serve', args)
+module.exports = (context, entry, lang, args, command) => {
+  return createService(context, entry, lang).run(command, args)
 }

tests/unit/commands/demo.spec.js

@@ -33,6 +33,7 @@ test('demo javascript', () => {
   expect(calls[0][1]).toMatch('Demo.vue')
   expect(calls[0][2]).toMatch('js')
   expect(calls[0][3]).toEqual({ open: true })
+  expect(calls[0][4]).toMatch('serve')
 })
 
 test('demo typescript', () => {
@@ -60,7 +61,7 @@ test('demo failed due to not exit demo entry', () => {
   logSpy.mockImplementation(() => {})
   existsSyncSpy.mockReturnValueOnce(false)
   const mockDemo = require('../../../lib/demo/service')
-  
+
   const service = createMockService([{
     id: 'vue-cli-plugin-p11n',
     apply: api => {
@@ -69,9 +70,30 @@ test('demo failed due to not exit demo entry', () => {
     }
   }], process.cwd())
   service.run('demo', { _: ['demo', 'Foo.vue']})
-  
+
   expect(mockDemo).not.toHaveBeenCalled()
   expect(logSpy).toHaveBeenCalled()
 
   logSpy.mockClear()
 })
+
+test('demo --mode build', () => {
+  existsSyncSpy.mockReturnValueOnce(true)
+  const mockDemo = require('../../../lib/demo/service')
+
+  const service = createMockService([{
+    id: 'vue-cli-plugin-p11n',
+    apply: api => {
+      const demo = require('../../../lib/demo/command')(api)
+      api.registerCommand('demo', demo.opts, demo.fn)
+    }
+  }], process.cwd())
+  service.run('demo', { _: ['demo', 'Demo.vue'], mode: 'build' })
+
+  const calls = mockDemo.mock.calls
+  expect(calls[0][0]).toMatch('/')
+  expect(calls[0][1]).toMatch('Demo.vue')
+  expect(calls[0][2]).toMatch('js')
+  expect(calls[0][3]).toEqual({ open: true, dest: './demo/dist' })
+  expect(calls[0][4]).toMatch('build')
+})

tests/unit/services/demo.spec.js

@@ -18,7 +18,7 @@ test('demo', () => {
   const mockPlugin = require('../../../lib/demo/plugin')
   const mockCliService = require(cliServicePath)
 
-  service('/', '/entry', 'ts', { mode: 'build' })
+  service('/', '/entry', 'ts', { mode: 'build' }, 'serve')
 
   const mockCliServiceCalls = mockCliService.mock.calls
   expect(mockCliServiceCalls[0][0]).toMatch('/')
@@ -29,5 +29,5 @@ test('demo', () => {
   expect(mockPluginCalls[0][2]).toMatch('ts')
 
   const instance = mockCliService.mock.instances[0]
-  expect(instance.run).toHaveBeenCalled()
-})
+  expect(instance.run.mock.calls).toEqual([['serve', { mode: 'build' }]])
+})