1、2修改packagejson文件，自定义打包命令#1603修改config文件，添加对应环境的文件 文件 4修改打包配置 打开build文件 #160#160#160；注意vue的版本要在25以上，测试发现，25以下，如果页面有eltable组件，页面会加载不出来 去掉mainjs里面elementui的引用；如何让vue项目然后通过ip地址访问，需要在packagejson配置项加个 host 0000 3build configindexjs 4重复第一步npm run build 因为这边我是本地搭建的服务器，菜菜的我不会写接口；项目中引入的包版本号之前经常会加^号，每次在执行npm install之后，下载的包都会发生变化，为了系统的稳定性考虑，每次执行完npm install之后会创建或者更新packagelock文件该文件记录了上一次安装的具体的版本号，相当于是。
2、安装完成后，此时安装的文件都会到E\nodejs\node_global\node_modules中 关闭cmd 对path环境变量添加E\nodejs\node_global 重新打开cmd 运行vue V ，如果显示版本号 则到此安装完成；有些情况vue会去调用原生方法，但是如果原生提供的api方法在之前版本没有，那么可能就会需要去做版本控制，老版本用户在调用这个方法时做出提示，比较版本号需要按照版本号位次去比较，这样才比较准确，如果按照大小比较可能会出；安装依赖 配置备用环境变量 在根目录下创建envdevelopment文件，并添加环境变量 VUE_APP_SERVER_ID = 0 在根目录下创建envproduction文件，并添加环境变量 VUE_APP_SERVER_ID = 1 创建自动化部署脚本 在。
3、这个值在开发环境下同样生效如果你想把开发服务器架设在根路径，你可以使用一个条件式的值在文件中添加如下；vue项目打包完成后，如需改变配置文件中的信息，比如域名修改如下图configjs，是不可能在配置文件中直接更改的，因为配置文件是前端写死的，这时只能手动更改项目中的配置，然后重新打包npm run build#160var pack；vue只打包部分代码解决方法1子模块文件夹下要有router，appvue，mainjs就和单个项目的目录结构一致，还得有一个indexhtml，文件内容如下2配置packagejson，viteconf；之前用Vue做了一个登录系统的项目，使用npm run build命令进行打包，经过vuecli30版本的优化，打包后的dist文件夹体积非常小，我的才200K左右，可以看出Vue打包的优化十分不错，但是直接打开indexhtml是无法看到内容的，因。
4、默认情况下该命令不会将 Vue 打包进去，因为任何引用我们库的Vue项目都默认包含 Vue ，如果使用文件或者CDN方式引入我们的库，则需要使用者手动引入 Vue 可以通过添加 inlinevue 参数来内置 Vue name 来指定打包；文件就显示报错， 还有 Obejectis not a function npm install vuex@340 save 安装并写入packagejson的dependencies中 npm install vuex@340 savedev 安装并写入。
5、在config文件夹下可以看到一个indexjs文件，打开其中可以看到有几个属性分别是assetsRoot pathresolve__dirname， #39dist#39其实这个就是刚才打包后的根目录文件夹dist，所有的文件都会输出到这里 assetsSubDirectory；2build进行中，一般这个过程需要一点点时间 3打包完成，可以看到有提示buildcomplete 4build完成时候可以在相中发现多了一个dist文件夹，里面包括一个css文件，js文件和indexhtml 5项目最终上线的内容是打包压缩的，也就是上面。
