在使用vue进行项目开发的时候,如果我们要发布一个包,有时候会有点迷茫,不知道怎么修改脚手架的默认设置。下面记录一些常用的操作。创建index.js导出模块,在index.js文件中导出我们需要导出的组件。之前可能需要处理一下,是先全局注册Vue.component,还是用户自己注册。从'./App.vue'导入应用程序导出默认应用程序;修改vue.config.js配置文件,将publicPath的路径修改为相对路径module.exports={lintOnSave:false,runtimeCompiler:true,publicPath:'./',}修改package.json中的scriptvue-cli为默认为我们设置构建,但我们不使用这个构建,而是打包我们之前创建的index.js文件并添加build-bundle"scripts":{"serve":"vue-cli-serviceserve","build":"vue-cli-servicebuild","build-bundle":"vue-cli-servicebuild--targetlib--nameAutoForm./src/index.js","lint":"vue-cli-servicelint"},修改package.json中的main,其中main为打包的程序入口,即我们平时下载包文件后默认使用importxxxfromYYY从node_modules中搜索,因此需要修改添加到我们打包后的文件名中,否则找不到文件。"main":"dist/AutoForm.common.js",本例修改了一个包,打包后正常发布即可使用。
