前端dist文件放服务器,详解Webpack打包Vue项目之后生成的dist文件该怎么启动运行_凊蒝_前端开发者...

亲测，webpack打包

我的

1. 进入该

执行成功如下图所示：

然后此时你会发现项目下多了一个 dist 文件夹，dist下文件便是项目打包之后生成的文件。

此时我们直接在浏览器中打开index.

2. 安装express-generator生成器

执行  $ npm install express-generator -g  进行安装

3. 创建一个express项目

执行  $ express expressDemo (expressDemo是项目名)

expressDemo项目目录如下图:

4. 进入expressDemo目录，安装项目依赖

$ cd expressDemo

$ npm install

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

然后运行 $ npm start 启动expressDemo

打开浏览器，输入

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持前端开发者。