网上很多说自己的VUE项目通过Webpack打包生成的list文件，放到HBulider打包后，通过手机打开一片空白这个主要原因是路径的问题1记得改一下config下面的indexjs中bulid模块导出的路径因为indexhtml里边的内容都是通过。

1在项目根目录下新建一个名为preBuildjs的脚本文件，内容如下注意publicgit_infojson是生成版本信息文件的目录与文件名称 2修改packagejson文件的打包命令为quotnode preBuildjs vuecliservice buildquot；一使用CDN资源我们在打包时，会将packagejson里，dependencies对象里插件打包起来，我们可以将其中的一些使用cdn的方式加载，例如不想把vue，axios，vuex，vuerouter打包到我们项目中，我们需要这样1打开；vue自动配置打包完后通常只有一个html页面，如果我们想要打包出两个页面怎么办呢只需要修改webpack的配置，下边是我的项目截图，供参考 在中配置 其中entry为文件引用路径，template为打包后文件名字及位置；1打包准备 #160 #160 1在自己需要打包的vue项目中build项目包出来，这里就不做解释了 #160 #160 2新建一个 exe文件夹 名称自己定义#160 #160 3克隆项目 地址git clone；vue2压缩图片打包大小 方法1PS或者在线网站进行图片压缩方法2npm 包形式来进行图片压缩 通过如下命令，安装第三方包；在Vue项目中引入另一个JS项目在Vue项目的入口文件如mainjs中，使用import语句引入另一个JS项目的入口文件或模块例如，假设另一个JS项目打包后的入口文件为bundlejs，可以在mainjs中添加以下代码javascriptCopy；您可以使用 Vue CLI 脚手架来打包单独的 JS 文件在构建目标中，打包为库的功能可以完美解决您的问题如果您想了解更多关于 Vue CLI 脚手架的信息，可以查看以下链接 如果您不想使用 Vue CLI 脚手架，也可以手动将 V。

vue打包成apk下载文件步骤如下1登录HBuilderX官网创建应用2在HBuilderX中新建项目3配置manifestjson文件4点击发行原生App云打包5点击使用公共测试证书，也可以自己生成证书，可以同时选择Android和IOS包；在文件中的chainWebpack配置插件，默认会在8888端口打开 根据之前打包分析图来看，主要是locale下moment的其他语言包占用体积较大默认是en的语言包，所以在无需其他语言的情况下，可以直接忽略掉locale下的文件不；packagejson 在 packagejson 中新增一条打包命令，其中 packagesindexjs 指定打包入口文件 默认情况下该命令不会将 Vue 打包进去，因为任何引用我们库的Vue项目都默认包含 Vue ，如果使用文件或者CDN方式引入我们的库，则。

2修改packagejson文件，自定义打包命令#1603修改config文件，添加对应环境的文件 文件 4修改打包配置 打开build文件 #160#160#160；我的解决办法 1把不常改变的库放到indexhtml中，通过cdn引入，比如下面这样然后找到build文件，在 moduleexports = 中添加以下代码externals #39vue#39 #39Vue#39， #39vuerouter#39 #39Vu；vue只打包部分代码解决方法1子模块文件夹下要有router，appvue，mainjs就和单个项目的目录结构一致，还得有一个indexhtml，文件内容如下2配置packagejson，viteconf；VUE3多页面打包 方式一webpack配置 webpack安装参考安装 webpack 中文网直接在packagejson同级目录下创建创建一个webpack的配置文件即可，然后在配置文件内输入内容方式二vuecli配置 vu；打开工程目录下的ehomevue3和vue2项目两个是联系在一起的，打包部署到vue2项目运行只需要打开工程目录下的ehome即可Vue是一套用于构建用户界面的渐进式JavaScript框架；1首先，目录调整根目录创建两个文件夹packages和examples，更改配置项更改目录结构后，vue项目是无法启动的，此时需更改配置项2其次vuejs插件在packages文件夹下新建indexjs文件，该文件作为整个包的入口文件3。