vue脚手架搭建项目(针对vue-cli 2.0版本)

本文详细介绍了在使用Vue CLI进行项目开发时,遇到样式中引用背景图地址异常编译的问题,并提供了解决方法,包括全局安装依赖、初始化项目、配置文件及打包文件等关键步骤。

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

npm install -g vue-cli             //全局安装

vue init webpack my-project        //初始化项目my-project

cd my-project                      //进入项目

npm install                        //下载依赖

npm run dev                        //启动项目

打包文件,为防止文件路径出错,修改config文件夹下index.js(加一个点)

之前 assetsPublicPath: '/', 修改后 assetsPublicPath: './'  如下图

npm run build

打开dist / index.html

 

  问题:样式中引用的背景图地址出现异常,地址被错误编译成 url(static/img/x'x'x.png)

  解决:找到build/utils.js 其中ExtractTextPlugin.extract的选项增加 publicPath:'../../'

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值