美文网首页
资源打包

资源打包

作者: MiniC | 来源:发表于2021-05-17 15:06 被阅读0次

开发一个vue项目,标准的步骤:

  1.用vue-cli 拉取一个项目骨架

  2. 安装依赖

  3. 使用npm run dev 进入开发者模式

    此时在开发模式中,各种修改都能看到实时效果,那么这些内容实践是由vue-cli进行打包并发布在node.js上。那么最后开发完以后,这些资源是需要我们手动部署在自己的服务器上的。需要资源手动部署的,通过npm run build 命令进行构建资源。

  4. 使用npm run build命令来构建资源

    会产生一个dist文件夹,里面包含静态资源。

  开发环境下,想使用静态资源:

  // 如果静态图片放在项目中,需要手动拷贝到dist文件夹下,然后用'/dist/img/xx.jpg'路径进行访问文件。

    因此,在开发环境下,要想使用静态资源,首先通过npm run build命令来创建dist文件夹,然后将静态资源文件放入,再在vue的代码中,去该/dist/文件夹内取资源即可。

相关文章

  • Android之App打包流程

    App打包 aapt是android中的资源打包工具,打包资源就用它。打包大致流程: aapt把resources...

  • android app 打包流程

    App打包 aapt是android中的资源打包工具,打包资源就用它。 打包大致流程: aapt把resource...

  • 资源打包

  • 资源打包

    开发一个vue项目,标准的步骤: 1.用vue-cli 拉取一个项目骨架 2. 安装依赖 3. 使用npm ...

  • Android-资源加载

    Android资源:包括图片、XML文件等资源。 APP在打包的时候,把这些资源索引全部打包进入resources...

  • 资源打包 内存分配 内存管理

    一:资源打包 图片资源是放到Images.xcassels里面 1、部署版本在>=iOS8.0的时候,打包的资源包...

  • 资源编译打包加载--资源编译打包

    笔记大量参考老罗的资源编译打包系列文章. 一、资源分类 Android应用程序资源可以分为两大类, 分别是asse...

  • AssetBundle打包学习(一)

    AssetBundle是Unity支持的一种资源打包方式。区别于Resources目录的打包资源,AssetBun...

  • Android构建过程——资源合并打包

    Android构建会经历资源合并打包、源码编译、dex生成及打包签名等步骤。本文对资源合并打包进行一下小的总结 资...

  • docker+nginx部署vue项目

    环境 Centos 7 Docker Nginx 将项目打包 打包生成生成dist静态资源目录 我这里资源文件放置...

网友评论

      本文标题:资源打包

      本文链接:https://www.haomeiwen.com/subject/kmyjjltx.html