修改Vue打包后的默认文件名操作

一，问题

因为我想在我的服务器上部署两个vue项目，但是vue打包后默认的项目名是dist，这样子就跟我上一个vue项目冲突了。因此查了一下资料。

二，解决方案

进入config ⇒ index.js，在build中将dist关键字改成其他名称即可。

补充知识：vue 打包后文件命名

在 confige文件中的 index

以上这篇修改Vue打包后的默认文件名操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

vue打包的 static文件夹名可以 更改吗

修改 config/index.js
找到module.exports 下的 build下的assetsSubDirectory属性，默认是static。

Vue项目打包发布至npm

新建一个项目，在根目录创建两个文件夹 packages 和 examples 将原项目中 components 下所有组件复制到新项目的 packages 目录下，如果有字体图标，将字体图标也一并放到 packages 目录下 packages/index.js main.js 必须在 new Vue() 方法前调用 use 方法注册插件 Vue CLI提供了将Vue项目打包成库的命令，官方文档地址 https://cli.vuejs.org/zh/guide/build-targets.html#%E5%BA%94%E7%94%A8 package.json 在 package.json 中新增一条打包命令，其中 packages/index.js 指定打包入口文件 默认情况下该命令不会将 Vue 打包进去，因为任何引用我们库的Vue项目都默认包含 Vue ，如果使用文件或者CDN方式引入我们的库，则需要使用者手动引入 Vue 。可以通过添加 –inline-vue 参数来内置 Vue 。

运行打包命令 package.json 其中 name 不能在 npm 上已经存在， private 必须设置为 false ，否则发布会失败， main 指定的是 import 我们的库时默认导入的文件 如果包的名字已经被其他人使用了，可以声明所有者信息来避免重名冲突。有两种方式来实现，第一种，手动修改 package.json ，将 name 修改为 @username/package-name 。第二种，推荐在新项目中使用， npm init –scope==username 。这个时候，发布包的命令也要进行修改 .npmignore 定义哪些文件在上传到npm时会被忽略。

如何用webpack打包vue

用webpack打包vue根据需要设置项目的信息， 也可以一路回车，使用默认信息，默认项目名称为文件夹名（项目名称不要设置成某个模块名，否则将来你引用摸个模块的时候会报错）name: (new) version: (1.0.0) description: entry point: (index.js) test command: git repository: keywords: newauthor: fzlicense: (ISC) {“name”: “gt”,”version”: “1.0.0”,”description”: “”,”main”: “index.js”,”scripts”: {“test”: “echo \”Error: no test specified\” && exit 1″},”keywords”: [“new”],”author”: “fz”,”license”: “ISC”}Is this ok? (yes) 之后文件夹下会生成一个package.json,记录了项目的详细信息，包括了各种依赖和插件。

通过配置文件实现修改vue域名

    我们的前端项目一般在打包时就会将服务器域名或者ip配置好，在打包生成的文件直接部署到对应服务器就行了。但是公司的项目要求可以部署私有云或者局域网内，项目的ip地址可能是动态变化的，或者说不同的局域网内ip不是不同的，因此要实现可以让工程人员去修改访问的服务器ip来做到一次打包多处使用的效果。

    综上，我这里对公司项目进行了相关实现，其实挺简单的，如下： 1，在根目录下的public目录中添加config.js文件，内容如下： 项目打包的时候会将该文件拷贝到打包文件的根目录中。

vue打包成statictemplates格式

1.修改config里面的index.js里面的productionSourceMap为false,默认情况是true(true代表打包环境是开发环境，可以进行调试；false表示生产环境，正式上线的)2.在cmd里面运行npmrunbuild,(运行的是build里面的build.js文件)生成的包放在dist下面

vue打包后发布文件路径错误且报错Unexpected token <

项目执行npm run dev和npm run build-dev(开发环境打包)都没有问题 当使用npm run build-prod(生产环境)打包，发布之后查看报错： 此处所采用的的是vue-cli2.x 1.修改文件config/index.js，修改build配置中的内容 如上修改后打包可以打开不在报错，但是找不到图片以及文字了 2.修改build/utils.js文件，修改publicPath 重新打包后，访问正常 用过与该项目相同的脚手架，搭建了两个项目，然而另外的项目却没有该问题，暂未发现问题所在。 本项目Nginx配置中存在前置web-pmms 最终还原了上方的三处修改，将config/index.js中assetsPublicPath做如下修改 assetsPublicPath是配置为相对路径还是绝对路径，取决于你打包后前端资源怎么发布部署 vue-cli2.x版本 情况1： 如果应用配置在一个域名的根路径上，例如http://10.0.0.106:8080/，则直接配置assetsPublicPath:’/’; 情况2： 如果应用配置在一个域名的子路径上，例如 http://10.0.0.106:8080/myapp ，则应设置assetsPublicPath:’/myapp/’; 这个值也可以设置为空字符串(”)或相对路径(‘./’)，这样所有资源都会被链接为相对路径，这样打包后的文件可以被部署在任意路径。