npm run build

最新推荐文章于 2024-08-26 08:00:00 发布
最新推荐文章于 2024-08-26 08:00:00 发布
阅读量7.1k 收藏 9
点赞数 3
分类专栏： vue 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37299479/article/details/115303165
版权

vue项目执行npm run build之后生成的dist文件，不能直接通过vscode开启服务访问，会报错

需要安装serve  npm install serve -S -g   【一定要全局安装不然也会报错】

然后启动服务   serve dist

或者可以将dist文件拷贝到其他地方，比如使用hbuilder开启服务访问，或者复制到xampp的服务中访问

 

半个开心果
关注
  • 3
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
npm run build:具体
weixin_34295316的博客
12-25 4727
npm run 流程图 配置文件的流程图 主要配置文件概述 "sit": "cross-env NODE_ENV=production env_config=sit node build/build.js", "uat": "cross-env NODE_ENV=production env_config=uat node build/build.js", "prod": "cross-env ...
pnpm run build报错throw new Error(‘Callback was already called.‘)；
lingliu0824的博客
06-17 327
可以根据自己的项目情况清除项目中所有模块的node_modules。解决：清除所有node_modules。再次执行安装可以成功。
关于vue的npm run dev和npm run build
weixin_30852367的博客
06-30 2620
├─build │ ├─build.js │ ├─check-versions.js │ ├─dev-client.js │ ├─dev-server.js │ ├─utils.js │ ├─vue-loader.conf.js │ ├─webpack.base.conf.js │ ├─webpack.dev.conf.js │ ├─webpa...
npm run build 打包命令
m0_56174822的博客
05-25 7万+
vue使用npm run build命令打包项目 当我们使用vue-cli脚手架完成一个项目的时候，下一步肯定会想要怎么把这个项目放到互联网上或者本地直接打开呢，我们在本地调试的时候只要命令行执行npm run dev就可以把这个项目跑起来，但是现在我们要把他放到服务器上的话用npm run build命令就可以啦。 首先 命令行执行npm run build命令，命令需要在项目目录下执行 C:\Users\John\Desktop\demo>npm run build 我的是一个在...
关于vue的npm run dev和npm run build的区别介绍
10-17
在Vue项目中，我们经常会遇到两种常用的npm脚本命令：`npm run dev`和`npm run build`。这两个命令分别用于启动开发服务器和构建生产环境的应用程序。下面详细介绍一下这两个命令的区别。 1. npm run dev `npm run ...
vue中Npm run build 根据环境传递参数方法来打包不同域名
12-12
使用 npm run build -- xxx ，根据传递参数xxx来判定不同的环境，给出不同的域名配置。 1.项目中/config/dev.env.js修改： 新增：HOST: ‘”dev”‘ 'use strict' const merge = require('webpack-merge') const ...
解决vue打包 npm run build-test突然不动了的问题
01-22
输入npm run build-test 突然停在这不动了 what? 不动了？！ 后来google了一下 大家都是人才 运行一下这句话 就动了！！ npm config set registry http://registry.cnpmjs.org 补充知识：vue_test_unit_e2e常见...
npm run build 打包
m0_63476377的博客
12-13 2694
npm run build ==> 执行以后会有dist文件 vue使用npm run build命令打包 - 西瓜君~ - 博客园 npm run build 打包爬坑记（1）_陌上花开-CSDN博客_npm 打包
vue npm run build 探索
学习真香
08-30 2229
vue npm run build 探索 vue-cli 是一个很好的工具. 它帮助我们集成了babel和webpack, 以及一些常用的插件. 让我们不用过多的关心配置, 专心业务. 但是, 秉承着一个对技术的好奇. 还是驱使我去看了看vue-cli的代码. 想要知道 npm run build 到底为我们做了什么 前言 文章涉及到一些常用的库, 大家可以先简单了解一下, 再看文章可能会更好理解. webpack 这里只做一些简单的介绍, 具体可以看官网 . webpack 是一个现代JavaScript
builder:基于npm的任务运行器
05-02
建造者 Builder会处理您的npm任务，并使它们可组合，可控，并且灵活。 npm非常适合控制任务（通过scripts ）和常规项目工作流。 但是，当您管理许多（例如5-50）非常相似的存储库时，特定于项目的package.json根本无法扩展。 输入生成器。 Builder几乎是npm ，但是提供了现成的“原型”来提供package.json scripts任务的主要集合，以及这些任务的dependencies和devDependencies 。 该页面的其余部分将深入探讨该工具的详细信息和方法，但是首先这里是该项目背后的一些粗略目标和动机。 单点控制：一种为一种“类型”的项目定义一组特定的任务/配置/等的方法。 例如，我们为项目提供了一组不断扩展的相关存储库，它们都共享几乎完全相同的dev / prod / build工作流。 灵活性：有许多用于控制JavaScript工作流
npm run build命令详解及使用示例
Leon_Jinhai_Sun的博客
05-28 3151
npm run build命令详解及使用示例
npm run build部署到云服务器中的Nginx（图文配置）
最新发布
码农研究僧的博客
08-26 332
对于Nginx的基本知识推荐阅读： Nginx将https重定向为http进行访问的配置（附Demo） 详细分析Nginx配置参数（附Demo） Nginx配置静态网页访问（图文界面） Nginx从入门到精通（全） 一开始访问不到，以为是Nginx的配置哪里有问题，最后发现云服务器有个必不可少的点要注意，此贴主要为了记录总结
npm run build --report
weixin_35751194的博客
01-08 490
这个命令会让 npm 运行你在 package.json 文件中的 "build" script，并且会生成一份构建报告。这份报告可以帮助你更好地理解构建过程中发生了什么，如果有任何问题，这份报告也可以帮助你进行调试。 ...
vue打包（npm run build）
岁末zzz的博客
02-11 8104
一、vue项目的创建 1、首先第一肯定是要有Node.js及npm这个不多说了 2、安装脚手架 二、vue项目的打包 1、大家都知道使用npm run build进行打包，这个时候你直接打开dist/下的index.html,会发现文件可以打开，但是所有的js，css，img等路径有问题是指向根目录的， 此时需要修改config/index.js里的assetsPublicPath的字段，初始项...
npm run build 打包爬坑记（1）
陌上花开
10-15 2万+
npm run build 打包爬坑记 先说说打包过程，npm run build 后放入phpstudy里面，访问本地ip，查看phpstudy的端口号，就能访问页面了（访问地址：http://192.168.1.188/dist/） 然后爬坑之路开始了（我的打包是一个dist文件夹，直接放入phpStudy的www里面），如下图1 1. 报错：打包之后访问页面一片空白，各种文件加载不出来...
npm run build小技巧
dongzhensong的博客
03-13 697
2、如果你的前端项目运行在后端服务【前后端部署在同一服务】上，同样可将上述两个路径设置在你本地的后端项目路径下，这样前端代码编译后可直接在后端项目中将代码移交到代码库，然后启动后端服务可直接食用，或在远程服务器执行脚本重新获取代码库的最新前端代码，即前端自动部署生效。1、如果你本地有nginx服务，可将对应两个路径设置到nginx的html路径下，实现每次编译后即可生效的效果。
npm run build生产环境打包部署
热门推荐
喔易
05-09 9万+
1、npm run build打包成功后，会在dist目录下生成index.html和static文件夹，将dist下所有文件复制到你需要的目录下。2、配置nginx，以下为简单配置:server {        listen 8011  default;        server_name  localhost;        location / {#配置网站根目录，即index.html...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值