vue基础配置

webpack初始化项目:

vue init webpack projectName

配置打包的static路径使用相对 路径:
在config/index.js下

 build: {
    ...
	assetsPublicPath: './',
	...
}

配置访问路径快捷方式:
build/webpack.base.conf.js

alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      '@static': resolve('static')
    }

访问assets目录下文件:

<img class="light" :src="require('@/assets/common/light.png')" alt="">
background: url(~@/assets/dp/common/clue-key.png) no-repeat center;

访问static目录下文件:

<img class="person" src="static/imgs/person-white.gif"/>
<audio ref='ad' id='ad'>
 <source src="static/audio/birthday.mp3" type="audio/mpeg">
</audio>
const textureLoader = new THREE.TextureLoader();
const bg = textureLoader.load(`static/imgs/bg1.jpeg`);// 3,5
const fLoader = new THREE.FontLoader();
const fPath = 'static/fonts/BBSGBSDGS_Regular.json';
fLoader.load(fPath, function(font) {
});
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值