webpack打包的dist文件预览

webpack 打包的dist 文件，查看页面显示效果

npm run build

项目终端执行 npm run build,打包成功得到一个dist 文件夹，浏览器打开 dist/index.html，样式失效，控制台报错

npm install express-generator -g

安装成功后终端显示

查看 express 版本

express --version

创建一个 express 项目(demo 项目名称)

 express demo

这时，项目目录中会有一个demo文件夹，把dist目录下的所有文件复制到 demo 中的 public 文件夹下

进入项目目录，安装项目依赖

cd demo
npm i

启动 demo

npm start

打开浏览器输入http://localhost:3000 ，就可以看到dist文件预览效果