码迷,mamicode.com
首页 > Web开发 > 详细

webpack 入门 - (三)

时间:2019-12-27 16:39:52      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:ack   ice   交互   vue模板   prompt   webp   NPU   -name   ons   

基于 webpack 入门 - (二) 实现交互式的工具 ,,即 一问一答

1、寻找合适的询问插件   let inquirer = require(‘inquirer‘)

2、index.js代码实现如下:

#!/usr/bin/env node  
//需求 命令行 mycli create -t vue -n shop 创造vue模板的项目,项目名称为shop
let createProject = require(./createProject)
let path = require(path)
let fs = require(fs)
let inquirer = require(inquirer)

let prompsList = [
    {
        type: input,
        message: 请输入项目名称:,
        name: name,
        default: defaultPro-name
    },
    {
        type: list,
        message: 请选择项目类型模板:,
        name: type,
        choices: fs.readdirSync(path.join(__dirname, project))
    }
]

inquirer.prompt(prompsList).then(answer => {
    console.log(answer)
    createProject(answer.name, answer.type)
})

3、createProject.js的代码还是见 webpack 入门 - (二) 

技术图片

webpack 入门 - (三)

标签:ack   ice   交互   vue模板   prompt   webp   NPU   -name   ons   

原文地址:https://www.cnblogs.com/slightFly/p/12108058.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!