项目打包方式
项目打包方式 .最近几天研究打包,分为以下几种 .首先保证项目跑起来,想打成war包还是jar包,在pom.xml中修改 <packaging>jar</packaging> 或 <packaging>war</packaging> 方式一 使用idea package打包 .找到最右边的maven projects .打开项...
2024-01-10
vue打包后，往包里放新的图片资源会报错
图片名是后台传过来的，前端显示打包前已有的图片就可以显示打包后往包里放新的图片就会提示找不到我是用require来引入图片的这种问题该如何解决回答：没办法。vue 打包资源分为三种吧。静态资源，不需要走打包，直接 copy。通过路径使用，不用 require。常见目录叫 public 或者 static。编译资源，需要走打包，通过 file-loader 之类的东西。通过 require 来使用...
2024-03-14
设置电子打包器的图标
我想打包使用电子打包器的电子应用程序。我在package.json中使用以下语句：设置电子打包器的图标"build": "electron-packager . MyApp --platform=linux --arch=x64 --overwrite --icon= path/to/icon.png" 但是我仍然看不到图标。我正在使用Ubuntu 14.04！回答：根据电子包装机的文档在Linux的图标必须在BrowserWindow设置https://github...
2024-01-10
打包编译的js代码如何调试
如图,问下前端大神们这种工程化的前端文件如何进行断点调试, 文件都是打包编译的回答：这种其实也可以调试的，方法如下：然后代码就被格式化为如下了如果这个被拆分的js文件刚好是你的xx.vue文件的话，你只要搜索对应的关键字就行了，比如我这里要在vue的created钩子那断点，就搜索created这个时候就完成了断点。强调一下：因为现在通常的前端脚手架都会将页面按功能进行js文件拆分和内容混淆，但...
2024-02-22
vue根据不同环境进行编译打包
工作中我们在开发过程中，有很多的开发环境，如果我们不进行统一配置，那么我们只能手动进行更改，这样会给我们带来诸多不便，所以我们要配置根据不同的环境来进行编译打包.先看一下我的项目目录：在config文件内新建test.env.js文件：1.'use strict'module.exports = { NODE_ENV: '"testing"', ENV_CONFIG:'"t...
2024-01-10
DuoJS 下一代前端打包工具包管理器
DuoJS 是下一个包管理生成工具，混合了当今最流行的 Component、Browserify、Go 等工具的功能与思想，让前端开发更加简单与方便。安装首先直接从 npm 安装npm install -g duoDuo 中的 require 方法会直接从 github 上面下载代码，所以本地需要一个配置文件，mac 下增加这个 ~/.netrc，然后插入下面内容machine api.githu...
2024-01-10
vue打包时希望可以吧打包中的某一个固定名称的图片不带hash值得打包
例如要把header_bg 图片打包时不带hash值打包，试了两种方法：1.test时添加正则条件但是好像需要的图片就打包不出来了2.name时加了一个三元表达式 [name].indexOf('图片名') !== -1 ? utils.assetsPath(media/[name].[ext]) :utils.assetsPath(media/[name].[hash:7].[ext])求一个解决方法！回答应该是可以直接放到public文件夹下, 最终会...
2024-01-10
vue打包后路径404问题解决方法
1、静态文件路径错误找到config文件夹下的index.js文件修改以下位置assetsPublicPath: './',2、在css中写的background-img的路径出错 需要找到build文件夹下的utils.js,修改以下位置 publicPath:'../../'3、修改build文件夹下的webpack.prod.conf.js 修改以下位置publicPath: './',...
2024-01-10
vue 打包路径不对设置方法
1.找到config 下的index.js 将里面build下的‘/’，改为 ‘./’，2.找到build 下的utils 里面的build 做如下修改if (options.extract) {return ExtractTextPlugin.extract({use: loaders,fallback: 'vue-style-loader',publicPath:'../../'})} else {return ['vue-style-loader'].concat(loaders)} ...
2024-01-10
Vue-CLI多页分目录打包的步骤记录
页面目录结构注意需要将默认的 html 模板文件 public/index.html 移动到根目录下。安装依赖npm i --save-dev cross-env tasksfilebuild/pages.js获取 Vue CLI 需要的多页对象const path = require('path')const glob = require('glob')const fs = require('fs')const isProduction = process.env.NODE_ENV === 'produ...
2024-01-10
vue在不同的环境打包不同的接口地址（巨简单）
1.在main.js中，引入axios，并根据当前的域名配置axios的baseURLimport axios from 'axios'if (locatin.hostname === 'localhost') {axios.defaults.baseURL = process.env.API_PATH_DEV} else if (locatin.hostname === 'dev.gomain.com') {axios.defaults.baseURL = process.env.API_PATH_DEV...
2024-01-10
vue 打包插件包太大已经2m，如何优化？
下面是我使用插件看到的体积文件，阿里云的上传，和一个js 文件，请问这两个会影响我打包的体积码，该怎么优化呢，没有头绪。各位指点指点孩子吧回答webpack 配置 externals, 把SDK放到CDN引入，不要打包到公共文件中试试呢，还有 vue 全家桶都可以使用cdn引入，可以极大的减小包体积配置externals，将...
2024-01-10
搭建的一套vue打包方案，方便记录一下
package.json 配置如下：{ "name": "rise-vue", "version": "1.0.0", "description": "rise vue", "main": "index.js", "scripts": { "watch": "webpack --mode development --watch", "dev": "webpack --mode development", "build": "webpack --mode production", ...
2024-01-10
vue 打包背景图片不显示问题，解决
在build/utils.js文件中添加如下一行代码publicPath: ‘…/…/’ //背景图片位置if (options.extract) {return ExtractTextPlugin.extract({use: loaders,fallback: ‘vue-style-loader’,publicPath: ‘…/…/’ //背景图片位置})} else {return [‘vue-style-loader’].concat(loaders)}...
2024-01-10
Vue-CLI多页分目录打包的步骤记录
页面目录结构注意需要将默认的 html 模板文件 public/index.html 移动到根目录下。安装依赖npm i --save-dev cross-env tasksfilebuild/pages.js获取 Vue CLI 需要的多页对象const path = require('path')const glob = require('glob')const fs = require('fs')const isProduction = process.env.NODE_ENV === 'produ...
2024-01-10
原先小程序的项目，要求打包成app，报错
报错内容如下：10:23:25.328 (found at pages/tabbar/index/index.vue:1)10:23:25.350 ReferenceError: __wxConfig is not defined10:23:25.370 page is not ready at view.umd.min.js:110:23:25.391 TypeError: Cannot rea...
2024-02-07
vue打包成app后，背景图片不显示
问题： 在使用npm run build 打包后， 如果在页面中使用img标签引入，打包后的路径是由index.html开始访问的，真正访问的是Static/img/图片名， 是正确的， 但是写在css 中的background: url("../../assets/***.png") 0 0 no-repeat; 引入的图片，打包的图片却访问不到，因为在css目录下并没有static目录，所以此时要先回退两...
2024-01-10
血淋淋的教训—将Vue项目打包成app的跨域问题
1 devServer: { 2 host: \'192.168.1.58\', 3 port: 9999, 4 historyApiFallback: true, 5 noInfo: true, 6 overlay: true, 7 // 配置服代理务器 8 9 proxy: {10 \'/hydro/\': { // 只要指向/hydro/的请求，都会自动代理到下面的target的地址11 t...
2024-01-10
uniapp打包总是失败
经常打包失败，不知为什么？刚才 试着打包20多M的apk，可以成功！但打包40M以上的，打包失败了，而且我按要求也付了费的啊，打包后费用收了，却不成功，这怎么解释啊？以下是打包失败截图和连日来付费记录·回复把错误日志贴出来看啊·回复我的windows7防火墙已经全部关闭了啊？到...
2024-01-10在uniapp中异步组件如何单独打包？
例如：let VConsole = await import(/* webpackChunkName: "vcon" */ '@/common/igw/vconsole.min.js');let whiteList = ['小明','xiaoli'];if(whiteList.includes(userInfo.username)){ var vconsole = new VConso...
2024-02-28
Vue+cordova打包混合app
Vue+cordova打包混合appcordova介绍可以把html css js 写的代码打包成app，还可以让js调用原生的api.安装cordovacnpm i cordova -g//或者npm i -g cordova --registry=https://registry.npm.taobao.org安装cordova报错的解决办法卸载 cordova npm uninstall -g cordova删掉 C:\Users\Hub\AppData\Roaming\npm\node_modu...
2024-01-10IDEA打包普通web项目操作
背景：因为普通的web项目无法用maven命令进行打包，所以怎样打成war包发布呢？1.进入项目的结构配置在【ProjectStructure】中选择左侧的【Artifacts】页签，点击中间上面的，选择【WebApplication:Archive】-> 【Empty】2.添加war包的配置点击+号，选择【Directory Content】将项目的classes的文件配置好创建【WEB-I...
2024-01-10
webapck打包之后里面会带箭头函数
用webpack打包之后里面会有箭头函数，导致在ie里面用不了webpack配置babel配置package.json不知道是什么原因回答{ "presets": [ ["env", { "targets": { "browsers": [ "> 1%", "last 2 versions", "Android >= 3.2", "Firefox >= 20", ...
2024-01-10
vite打包疑问?
现在遇到个这么个需求，就是项目用的vite的打包工具我现在想实现把项目用vite打包，然后把项目中的其中一两个组件也单独打包成一个js，类似于把其中一两个组件打包成组件库的js也就是执行npm run build的时候既打包了项目，又打包了其中部分组件为组件库的js，供外部html直接引入这个打包好的js进行使用，这个有办法实现吗回答：package.json 写两个 script ，再写一个 ...
2024-03-04
【bug经验】vue打包提示版本不一致
现象：排查思路：1，package文件规定了版本号，出现不一致，应该是版本号出现了错乱解决：修改package.json1，vue版本：2,vue-template-compiler版本：...
2024-01-10
