vue 项目引用static目录资源_vue2.0 配置build项目打包目录、资源文件(assets\static)打包目录...

本文介绍了在Vue2项目中如何配置build目录和static资源路径,以适应项目开发需求。通过修改`config/index.js`文件中的`build.index`、`assetsRoot`和`assetsSubDirectory`等属性,可以将打包路径设置为指定的文件夹,便于项目管理和部署。同时,文章也提及了Webpack在项目中的作用和基本概念。
摘要由CSDN通过智能技术生成

vue项目默认的打包路径:根目录下的dist文件夹下;

但是在项目开发中,我们肯定希望项目提交到svn目录或者git目录下,否则每次复制过去,太麻烦了;

那怎么配置打包路径呢?下面来看看;

我们找到打包配置文件 "config/index.js"下的build属性

修改build.index和assetsRoot的值;

配置项目打包路径:"F:/app/vuedemo";

配置入口文件:"F:/app/vuedemo/index.html";

配置资源文件路径:"F:/app/vuedemo/static";

配置资源文件在项目中的引用【相对路径】:"./";

build: {

// Template for index.html

index: path.resolve(__dirname, 'F:/app/vuedemo/index.html'),

// Paths

assetsRoot: path.resolve(__dirname, 'F:/app/vuedemo'),

assetsSubDirectory: 'static',

assetsPublicPath: './',

/**

* Source Maps

*/

// 后面的省略不写

}

ok,完美搞定;谢谢大佬指正

前后端分离之vue2&am

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值