简单搭一个服务器跑webpack打包vue项目之后生成的dist文件

Posted vs1435

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了简单搭一个服务器跑webpack打包vue项目之后生成的dist文件相关的知识,希望对你有一定的参考价值。

1: 安装express-generator生成器

  npm install express-generator -g  进行安装

 

2: 创建一个express项目

   express expressDemo (expressDemo是项目名)  

  技术图片

 

 

3: 进入expressDemo目录,安装项目依赖 

  cd expressDemo                                                                               

  npm install

 

4:把dist目录下的所有文件复制到express项目的public文件夹下

 

5: 启动  npm start

 

6:打开浏览器,输入 http://localhost:3000 , 就可以看到效果了

 

以上是关于简单搭一个服务器跑webpack打包vue项目之后生成的dist文件的主要内容,如果未能解决你的问题,请参考以下文章

让webpack+vue-cil项目不再自动打开浏览器的方法

第一章:Nodejs+vue2.0+webpack框架搭建

webpack+vue打包之后输出配置文件修改接口文件

16.如何做到webpack打包vue项目后,可以修改配置文件

vue-cli3 打包优化

Vue项目使用Webpack打包体积优化