webpack打包vue项目之后生成的dist文件该怎样启动运行跑起来
webpack打包生成了dist文件 ,直接运行dist文件中的index.html会报这个错。我们需要部署在express-generator服务器上来运行。安装express-generatorcnpm install express-generator -g搭建express-generator项目express expressDemo (expressDemo 是...
·
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
更多推荐
已为社区贡献5条内容
所有评论(0)