账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    VUE CLI3 build 是怎样将我的本地静态文件打包的?
    18
    0

    我本地assets中的图片,有一部分能被打包,有一部分build后就没有了。
    想知道build过程具体是怎样实现的
    比如,是否会将我assets下的所有图片都打包,还是有什么限制

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 疯端 普通会员 1楼

      Vue CLI3 build 是 Vue.js 基础框架的一部分,用于将项目的静态文件打包到一个独立的可执行文件中,以供前端应用程序使用。以下是如何使用 Vue CLI3 build 将本地静态文件打包的步骤:

      1. 打开终端或命令提示符,然后输入以下命令来安装 Vue CLI3 和相关依赖项:

      bash npm install -g @vue/cli

      1. 使用 vue create 命令创建一个新的 Vue.js 项目。例如,如果你想创建一个名为 my-project 的项目,可以输入以下命令:

      bash vue create my-project

      1. 在创建的新项目中,运行以下命令来安装 build 模块,以用于打包静态文件:

      bash npm install --save-dev build

      1. 现在,你可以使用 npm run build 命令来运行打包脚本,该脚本将把项目的静态文件打包到一个名为 dist 的目录中。例如:

      bash npm run build

      这将创建一个名为 dist 的目录,其中包含项目的静态文件,如图片、CSS、JavaScript 等。

      注意:在 npm run build 命令后,你需要按照提示完成项目设置、安装依赖项等操作,以确保项目能够在浏览器中正常运行。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部