webstorm在打包时的路径配置问题

最新推荐文章于 2024-04-10 10:30:07 发布
最新推荐文章于 2024-04-10 10:30:07 发布
阅读量869 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq5678574/article/details/110420650
版权
博客提到在config/index.js文件里找到build进行路径配置，如此操作可保证生成的dist文件夹路径无误，属于前端开发中文件配置相关内容。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在这里插入图片描述
在config/index.js文件中，找到build，路径如上配置，生成的dist文件夹路径就不会错了。

webStorm 打包Vue项目
北大落榜生的博客
01-02 1万+
首先，如果需要打包的话，你需要改下资源的路径 1、打开Vue下的build下面的utils.js文件，添加publicPath：“…/…/” if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath:"../../", fall...
webstorm开发的Vue项目在手机调试以及打包成apk（以及打包后页面空白问题）
qq_41836598的博客
07-16 2808
一、为避免打包完成后的index.html打开空白问题，打包前需要更改下几个配置 1.config下的index.js文件（解决路由路径问题） 找到index.js，将 assetsPublicPath: ‘/’ 改为 assetsPublicPath: './' 2.build文件夹下的util.js文件（解决图片路径问题） 在if (options.extract) 中添加 ...
使用webstrom，简单配置一个webpack打包项目
D_Z_Yong的博客
08-22 1558
首先安装webstrom编辑器，其次安装nodejs已安装的可以直接往下看
WebStrom 安装教程_配置文件修改
NTT0101的博客
10-02 730
下载webStrom： https://www.jetbrains.com/webstorm/ 安装步骤： 网站下载好后，直接点击文件“WebStorm-2020.2.2.exe”进行安装，点击 Next 选择安装目录位置，建议修改 选择处理系统的位数，环境变量设置，创建文件类别 创建应用快捷方式 一路 next 到最后 ...
webstorm vue项目 @/xx/xx 相对路径不能跳转到对应文件
qq_26711723的博客
04-10 539
1、跟目录(与src同级)下创建jsconfig.json。2、jsconfig.json 配置内容。
webstorm结合npm编译前端代码生成dist文件夹
try_learner的博客
04-02 3591
这个只是简单记录一下，最近接触了一点小程序的开发，在微信开发者工具里面需要打开dist文件夹的工程，而生成dist文件夹可以利用webstorm结合npm工具生成。但是最近安装编译的时候运行npm run dev时一直报什么栈溢出问题（npm ERR! Maximum call stack size exceeded npm ERR! A complete log of this run ca...
webstorm+cordova 打包apk
WLN123201010的博客
05-04 1446
一、配置各种环境 1、下载jdk https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html next就可以 2、安装android studio(主要是下载sdk) https://developer.android.google.cn/studio 不断next 3、下载gradle ...
vue打包成app应用，Webstorm+cordova打包vue成Android项目
weixin_43796132的博客
06-27 873
目录一：万事开头难，准备环境；若已搭建好环境请忽略跳到第二步1. 安装java sdk2. 安装java sdk3. 安装gradle二:：搭建cordova平台1. 全局安装cordova2. 创建cordova项目3. 假设你已经有了Vue项目那么进行build编译得到dist文件夹，复制vue项目中 dist 下面的文件粘贴到创建好的 android-app 项目的 www 文件下4. 打包android项目三： 生成apk1. 生成签名，要是不生成签名；apk会安装失败2. 然后在android-a
webstorm开发nuxt项目，配置路径别名，快速查看，跳转文件
weixin_43520916的博客
07-27 1379
1.项目目录下，增加一个webpack.config.js文件，内容如下 const path = require('path') module.exports = { resolve: { extensions: ['.js', '.json', '.vue', '.ts'] root: path.resolve(__dirname), alias: { '@': path.resolve(__dirname), '~': path.resolve(_
webstorm打包html
最新发布
03-15
在 WebStorm 中打包 HTML 文件通常涉及使用工具链（如Webpack 或 Gulp），这些工具可以帮助优化、压缩和组合静态资源，从而生成适合部署的生产版本。 以下是有关如何在 WebStorm 中打包 HTML 文件的具体说明： ###...
webstorm 配置浏览器路径
pgLi
01-24 2711
1、原因 装了个免装版的Chrome，结果html文件在webstorm中使用Chrome时，报路径问题的错。 2、解决方法 重新配置Chrome的打开路径  
IDEA/WEBSTORM常用的插件及配置
weixin_43839689的博客
06-28 2770
中文语言包将为您的 IntelliJ IDEA, AppCode, CLion, DataGrip, GoLand, PyCharm, PhpStorm, RubyMine, 和WebStorm 带来完全中文化的界面。通过右键菜单中的"SQL params Setter"将结果复制成。基于IntelliJ IDEA开发的代码生成插件。以上两个设置是互斥的，意思是，要么代码变化时候触发，要么文件变化时触发。下载后直接重启就好。
webstorm 项目必须重新build才会刷新界面解决办法
lanjingmao的博客
06-20 617
第二步：Debug Configurations中添加 JavaScript Debug。第一步：Debug Configurations中添加 npm。
webstorm配置和使用
热门推荐
万少博-FE
04-19 5万+
更新时间：2018年7月31日20:44:21 《我的博客地图》 《我的博客列表》 程序员，21世纪最高大上的职业之一，作为80后末尾的一名硕士毕业后择业进入IT行业的程序员，工作经验很有限，尤其刚进入新的工作环境，身边同事/大神都是工作经验在3年左右的老人，基本比我年龄都小，瞬间压力来袭无地自容，在这样一种工作环境下，如何突破自己，如何规划自己的职业发展，这必须是一个有计划的安排。...
WebStorm打包vue项目并且部署到服务器
chaishen10000的专栏
05-12 5868
一、打包项目 使用 WebStorm 打开项目，在 WebStorm 的终端输入添加依赖命令 > npm install > npm run build 打包完成后，会在项目根目录下生成一个 dist 文件夹，里面的文件就是需要部署的打包文件。 二、部署项目 全局安装 express-generator 生成器 > npm install express-generator -g 三、创建项目部署目录 使用 Node.js 命令提示工具进入项目部署根目录，使用 expr
Webstorm部署项目至服务器
轩辕鬼谷的博客
11-09 3010
目录 一、在Deployment选项下配置远程服务器地址 二、点击Mappings配置本地dist路径 三、部署项目至指定服务器 Webstorm部署项目至服务器轻松几步搞定 一、在Deployment选项下配置远程服务器地址 　　 　　点击加号，选择type类型，Name随便填，辅助找到这个远程部署的配置。 　　 　　Host为远程服务器地址。例如：192.168.2.xxx。 　　Root path 服务器文件配置路径，填写的路径就是你项目上传服务器保存的路径...
关于绝对路径和相对路径
Handsome2013的博客
03-16 797
关于绝对路径和相对路径 实际上相对路径也有两种吧，平时在webstorm，vscode等软件中，选中文件右键，会出现path和relative path,就是绝对路径和相对路径，但是这个相对路径是相对于项目源代码目录。平时也经常使用相对当前文件路径。 （以下来自：https://zhidao.baidu.com/question/1836150297173371100.html） 一种是相对...
关于使用webStrom工具做webpack打包的问题
扬帆天涯
11-12 1161
{ "name": "meetwebpack", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack" }, "author": "", "license": "ISC", "devDependencies": {
WebStorm 使用webpack打包（build） Vue 静态资源无法访问（路径不对）问题
weixin_30764137的博客
09-03 1041
在WebStorm中使用webpack打包 （命令npm run build）后生成在项目的dist目录下，在浏览器打开，静态资源js、css等无法加载。因为打包时，资源使用了绝对路径。 解决： 　　打开项目下 config\index.js 文件 修改build部分paths （加上./），将绝对路径改为相对路径。 转载于:https://...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值