命令行输入:npm run build 打包出来后项目中就会多了一个文件夹dist,这就是我们打包过后的项目。 第一个问题,文件引用路径。我们直接运行打包后的文件夹中的index.html文件,会看到网页一片空白,f12调试,全是css,js路径引用错误的问题。 解决:到config文件夹中打开index.js文件。 文件里面有两个assetsPublicPath属性...
原来是项目中的静态文件路径报错了。。。 然后就针对这个问题去查找解决方法: 第一步: 第二步: 找到下面文件,添加一行代码: publicPath: '../../' 第三步: 重新执行 npm run build ,再次打开成功 说明: 这里的打开方式:在builder编辑器里面直接打开打包后的dist文件夹下的index.html,打开后的地址 : http:/...
打包Vue 项目使用以下命令: npm run build 执行以上命令,输出结果如下: 执行完成后,会在 Vue 项目下会生成一个dist目录,该目录一般包含 index.html 文件及 static 目录,static 目录包含了静态文件 js、css 以及图片目录 images(如果有图片的话)。 如果直接双击打开 index.html,在浏览器中页面可能是空白了,要正常...
首先 命令行执行npm run build命令,命令需要在项目目录下执行 C:\Users\John\Desktop\demo>npm run build 我的是一个在桌面叫demo的项目 出现以下提示表示打包完成: 然后 我们就可以像打开静态网页一样打开我们完成的项目。 下图为打包生成的dist文件夹,其中index.html为入口文件: 没错,这时你打开了index.html文件...
npm run build 是vue-cli用来打包项目的命令行,这里记录了我关于vue-cli打包的一些常见的坑,详细的记录我所踩过的坑和解决方法。 第一个坑:文件引用路径 命令行: //直接打包npm run build 但是打包完成后,打开dist/index.htmnl文件整个网页都是一片空白的。
安装完vue后搭建了一个项目,直接执行 npm run dev 是可以正常打开页面的: 但是执行 npm run build 打包项目后打开却报错了,如下: 原来是项目中的静态文件路径报错了。。。 然后就针对这个问题去查找解决方法: 第一步: 第二步: 找到下面文件,添加一行代码: ...
1、打包后将 dist 文件夹和 index.html 放到 tomcat,在浏览器中访问时,出现空白页,f12 提示 404。 2、打包好的静态资源均是绝对路径,无法引入进项目,也是 404。 1、项目目录结构 这是打包后的,所以有 dist 文件夹,打包方式:npm run build。 2、webpack.config.js ...
如果想输入npm run build 来打包 一.先创建一个文件webpack.config.js(名字是固定的) entry 是 入口 output 出口里面有:path路径和filename 打包后的名字 bundle.js,这里的path路径要动态获取 二.首先要导入一个模块 const path = require ('path') 并且在终端中装一个npm init 包 (初始化) ...
vue-element-admin里面使用npm run build:prod打包步骤 1:打开.env.development 将接口地址设置成线上访问 注释本地 VUE_APP_BASE_API = '/' 代码语言:javascript 复制 ENV='development'# 接口地址VUE_APP_BASE_API='/'#VUE_APP_WS_API='http://192.168.4.103:8091/'# 是否启用 babel-plugin-dynamic-...