1更改packagejson文件，提供运行的命令 2在根目录下新建envlocal以及envdpl等文件 3在根目录下新建htaccess文件，如果你的路由是history模式重写url，不然会出现404，页面找不到 4在根目录下新建deploy。

这个值在开发环境下同样生效如果你想把开发服务器架设在根路径，你可以使用一个条件式的值在文件中添加如下；github 地址clone projectgit clone git@githubcomnaihe138nvuegitinstallnpm install or yarn一初始化项目初始化项目，用vueloader来打包vue文件，htmlwebpackplugin插件来导出html文件第一步我们很简单，就利用；serve 命令不携带 mode 时，默认运行环境为 development build 命令不携带 mode 时，默认运行环境为 production 可根据当前环境写死，也可在环境配置文件中，加入打包到的文件夹名有多个环境的时候比较方便vue。

packagejson 在 packagejson 中新增一条打包命令，其中 packagesindexjs 指定打包入口文件 默认情况下该命令不会将 Vue 打包进去，因为任何引用我们库的Vue项目都默认包含 Vue ，如果使用文件或者CDN方式引入我们的库，则；2在配置文件如果没有新建一个，项目根目录下3在入口文件中indexhtml 的head 标签内加入 4最后就是服务端部署配置，以nginx 为例 配置完这些之后，可以通过二级目录访问到页面了，但是图片资料会加载；这篇文章主要介绍了Parceljs + Vue 2x 极速零配置打包体验 的相关资料，需要的朋友可以参考下继 BrowserifyWebpack 之后，又一款打包工具 Parcel 横空出世Parceljs 的官网有这样的自我介绍 “极速零配置Web应用打包工具；1问题vuecli 脚手架生成的默认打包配置文件情况下运行 npm run build 打包后，部署项目至特定路径下如ipportpublicspringActivity此时访问。

这次给大家带来使用vuecli打包需要注意哪些方面，下面就是实战案例，一起来看一下1打包命令是npm run build，这个命令实际上是在packagejson中，scripts中build所对应的命令2创建一个，这个文件不是；1 配置 = #39test#392 const webpackConfig = require#391 复制， 并修改为 2 配置 const env = require#39config；工具原料npm方法步骤1npmrunbuild 2build进行中，一般这个过程需要一点点时间 3打包完成，可以看到有提示buildcomplete 4build完成时候可以在相中发现多了一个dist文件夹，里面包括一个css文件，js文件和indexhtml 5项目最终。

1第一步 然后会生成一个dist目录的文件夹 2将dist文件夹拎出来，我本地已经打好localhost服务器，使用IIs搭建的，如果想输入 localhost8001project 打开文件，需要在indexjs文件配置如何让vue项目然后通过ip；以vue创建的官方例子为例子，我们在开发环境的时候会 npm run dev ，生成而想要打包成一份很简单， 只需要 npm run build 这个命令这两种命令的配置文件在config的indexjs 一种是build 一种是dev ，而我们想要在本地。

其中包含热加载校验打包等构建项目等工具下面我们来一步一步的构件一个新的项目安装工具npmnpm install g @vuecliyarnyarn global add @vuecli安装完成以后我们验证下有没有安装成功，执行下面命令后；2修改packagejson文件，自定义打包命令#1603修改config文件，添加对应环境的文件 文件 4修改打包配置 打开build文件 #160#160#160。