1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > webpack打包vue项目之后生成的dist文件该怎样启动运行跑起来

webpack打包vue项目之后生成的dist文件该怎样启动运行跑起来

时间:2023-10-29 12:18:36

相关推荐

webpack打包vue项目之后生成的dist文件该怎样启动运行跑起来

webpack打包生成了dist文件 ,直接运行dist文件中的index.html会报这个错。

我们需要部署在express-generator服务器上来运行。

安装express-generator

cnpm install express-generator -g

搭建express-generator项目

express expressDemo (expressDemo 是你要搭建项目的名字)

现在的目录结构是这样的:

接下来就是在expressDemo项目中安装依赖

在expressDemo中打开CMD 执行以下代码:

npm install

安装完依赖之后,将webpack打包生成的dist文件夹中的所有文件,放到expressDemo中。

最后运行

npm start

这样就可以将webpack打包完后的项目跑起来了。

一般是会自动打开你的项目、如果没有自动打开 那么就在浏览器中 输入:

http://localhost:3000

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。