最近，Vue作者尤雨溪发布了基于webpack4的官方vue cli 3.0。快试试。

文档地址

简介

Vue CLI是基于Vue.js快速开发的完整系统

使用

！-install - npm install -g @vue/cli！-创建项目- npm创建新项目-cli，然后是配置，可以是默认的(babel、eslint)或自定义的

自定义的是巴贝尔ts pwa vue-router vuex css预处理和交织器/格式化器，单元测试e2e测试

选择路由器会选择是否再次使用历史模式，这里选择css预处理会让你选择更少的scss手写笔eslint。有几个项目只能防止错误。airbnb配置标准配置eslint pretier，还有一项就是把Babel、Post CSS等配置文件eslint放在单独的文件或者package.json中，当然最后还有一个保存的配置，以后会用到，然后安装依赖项

目录如下

没有cli2版本的构建和配置，有多个babel.config.js

官网介绍，可以新建一个vue.config.js来配置相关的webpack，比如

//vue . config . js module . exports={ configurewebpack : { plugins :[new MyAwesomeWebpackPlugin()]}，//loader chainwebpack : config={ config . module。规则(' vue ')。使用(' vue-loader ')。装载机(“vue-loader”)。点击(选项={ //修改其选项.loader return options }) }，//production environment关闭map production source map : false，//basic URL base URL 3360 process . env . node _ env==' production '？http://www . Baidu.com ' : ' https://www . Google.com '，outputdir3360' dist '，//build directory assetsdir3360 ' '，//asset directory indexpath : ' index . html '，//指定index.html路径filenameHashing:true，//文件名有hash//多页模式，每个“页”都要有对应的JavaScript入口文件页3360 { index 3: } {//page//默认情况下，此页面中包含的块将包含//提取的通用块和供应商块。chunk s 3360[' chunk-venders '，' chunk-common '，' index']}，//当使用只有条目的字符串格式时，//模板将被推导为' public/subpage.html` //如果找不到，它将恢复为' public/index.html`。//输出文件名将推导为‘子页. html’。子页： ' src/子页/main.js'}、//CSS配置css: {sourceMap:false、//CSS源映射加载器选项： { CSS : }//这里的选项将传递给CSS-css-loader }、postss : {///这里的选项将传递给postss-loader } } }//devserverdevserver 3360 { host :127。

您可以使用vue serve和vue build快速开发单个vue文件，并通过vue ui的图形界面创建管理项目。以上就是本文的全部内容，希望对大家的学习有所帮助，支持我们。