我们知道使用webpack打包vue项目后会生成一个dist文件夹，dist文件夹下有html文件和其他css js以及图片等，那么打包后的文件该如何正确运行呢 倘若直接打开html文件，会报如下错误： 那么该如何运行呢 其实可以将生成的dist文件部署到express服务器上运行。 安装express generator生成器。 npm install express generator g ...
2018-05-12 22:51 0 11187 推荐指数：
1.首先需要的原料肯定是vue打包生成的dist文件 在vue项目目录下运行：npm run build，等待运行结束，会在项目目录下生成一个dist文件夹，里面会生成一些文件(如下图示) 小的项目文件会少些、、 2.安装express本地服务器 能运行起来npm run build ...
安装 express express 项目名 --〉创建一个项目 进入项目，npm i --> 安装包 复制 dist 目录下的内容到express 项目下 public 文件夹下 npm start --> 启动 localhost:3000 --> ...
参考：https://www.cnblogs.com/me168/archive/2004/01/13/10424955.html webpack.base.config 文件中 修改前： { test: /\.css$/, use ...
1.vue cli给我们提供了npm run build命令打包项目，在packa.json文件中scripts对象中有build属性，当我们执行npm run build时，就执行build对应的"node build/build.js"脚本 build完成后显示 进入项目 ...
（一）搭建express本地服务器 1、安装express-generator npm i express-generator -g 2、创建一个express项目 express my-express-project 3、进入项目 ...
1、安装express-generator npm i express-generator -g 2、创建一个express项目 express my-express-project 3、进入项目目录 cd ...
之前一篇随笔写到vue多环境打包环境配置：https://www.cnblogs.com/shun1015/p/13411636.html 1.区分vue脚手架版本，版本不同，项目结构不同，多环境变量配置方式不同 package.json文件里 scripts对象上配置打包命令 ...
从webpack打包结构中我们知道，vue中有一个存放外部资源的文件夹static，它里面的文件是不会被打包编译的，所以我们就可以利用外部引入js的方式将我们的想要的数据在index.html中以js文件的方式引入，然后就可以全局使用。 具体的方法如下： 1.在项目中找到static文件夹 ...
