通过Vue-cli进行webpack打包的坑

原创 2017年11月14日 19:25:38

Vue-cli为Vue项目搭建的脚手架的确很方便,但打包时容易出现空白页,或者对应的静态资源加载不了。
我是通过将项目/config下的index.js的assetsPublicPath变成’./’,变成相对路径,进行解决。
cd vue demo
npm run dev //运行程序
npm run bulid //webpack打包

相关文章推荐

vue-cli 快速构建vue应用,实现webpack打包

一、什么是vue-cli vue-cli是由vue官方发布的快速构建vue单页面的脚手架。参见vue-cli官方网站。http://vuejs-templates.github.io/webpack...

使用Vue-cli下载一个以webpack打包的vue模板

如今vue.js热度不减,利用vue-cli和webpack可以非常便捷的搭建一个开发环境,以下列出利用vue-cli搭建一个vue.js模板的过程:1:安装vue-cli 安装vue-cli前系统...
  • hau5yi
  • hau5yi
  • 2017年06月27日 22:45
  • 967

vue-cli+webpack

  • 2017年08月21日 15:34
  • 32KB
  • 下载

vue入门 webpack+loader \vue-cli

  • 2017年04月17日 15:46
  • 56KB
  • 下载

vue-cli+webpack实现多页面应用的配置

直接上~~ webpack.base.conf.js /** * 多页面实现--1引入工具 * */var glob = require('glob')/** * 多页面实现 --2 入口...

从vue-cli中看node.js和webpack的运作

前言vue-cli和webpack结合的脚手架挺好用的,但是初次使用对于其中的配置和npm包的引用总是会一脸懵逼,这篇文章是对其中一些相关模块的简单分析。主要目的是加深我自己对webpack和node...

史上最详细的 webpack 讲解 1 (vue-cli 中 build.js)

看过我vue.js系列课程的人,基础会的就都该会了,进阶牛B点的也很牛B了,但是对vue这一块我还是会持续有新的想法和学习到的东西我还是会一直进行分享,但是今天又是一个史上的文章出来了,虽然有点标题党...

windows下vue-cli及webpack 构建网站(二)导入bootstrap样式

1、先安装好vue-cli,如果还没有安装好的可以参考:《windows下vue-cli及webpack 构建网站(一)环境安装》 2、安装好之后Vue的欢迎界面,我们要做个例子导入bootstrap...
  • ansu2009
  • ansu2009
  • 2016年11月23日 14:50
  • 14854

vue-cli的webpack模板项目配置文件分析

由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西,开发过程中需要改动到build和config里面一些相关的配置,所以刚好趁此机会将所有配置文件看一遍,理一理思路,也便于以后修...
  • hongchh
  • hongchh
  • 2017年02月14日 23:07
  • 26479

vue-cli#2.0 webpack 配置分析

vue-cli 构建项目目录结构及说明目录结构. |-- build // 项目构建(webpack)相关代码 | |-- build.js ...
  • Vin1992
  • Vin1992
  • 2017年03月31日 11:43
  • 430
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:通过Vue-cli进行webpack打包的坑
举报原因:
原因补充:

(最多只允许输入30个字)