浅谈Vue-cli 命令行工具分析(vue vue cli)

推荐整理分享浅谈Vue-cli 命令行工具分析(vue vue cli)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:vue-cli中( )命令用于运行项目,vue-cli2,vue-cli2,vue-cli中( )命令用于运行项目,vue-cli使用,vue-cli中( )命令用于运行项目,vue-cli使用,vue-cli使用,内容如对您有帮助，希望把文章链接给更多的朋友！

Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。vue-webpack-boilerplate，官方定义为：

full-featured Webpack setup with hot-reload, lint-on-save, unit testing & css extraction.

目录结构：

config 环境配置

config 配置文件用来配置 devServer 的相关设定，通过配置 NODE_ENV 来确定使用何种模式（开发、生产、测试或其他）

index.js

dev.env.js

build Webpack配置

实用代码段 utils.js

基础配置文件 webpack.base.conf.js

基础的 webpack 配置文件主要根据模式定义了入口出口，以及处理 vue, babel 等的各种模块，是最为基础的部分。其他模式的配置文件以此为基础通过 webpack-merge 合并。

开发模式配置文件 webpack.dev.conf.js

开发模式的配置文件主要引用了 config 对于 devServer 的设定，对 css 文件的处理，使用 DefinePlugin 判断是否生产环境，以及其他一些插件。

生产模式配置文件 webpack.prod.conf.js

build.js 编译入口