记录VUE-CLI项目创建及初始化相关
记录
创建项目
vue init webpack 项目名
配置config下的index.js的文件配置,修改相对路径和配置不打包map文件

修改build-webpack.base.conf.js,解决引入字体图标,比如font-awesome的图标路径出错的问题,在webpack.base.conf.js里面修改limit要改大,把10000改为90000。

修改build-webpack.prod.conf.js,解决不同模板下的components下的文件CSS可以使用的问题。如果没有这个cssProcessorOptions: { safe: true }的配置,就会导致css问题。所以添加就ok。

修改web-src-router-index.js,去掉mode:history,解决发布版本页面不能刷新问题。

转载来自:https://segmentfault.com/a/1190000012787976
记录VUE-CLI项目创建及初始化相关的更多相关文章
- 改造@vue/cli项目为服务端渲染-ServerSideRender
		
VUE SEO方案二 - SSR服务端渲染 在上一章中,我们分享了预渲染的方案来解决SEO问题,个人还是很中意此方案的,既简单又能解决大部分问题.但是也有着一定的缺陷,所以我们继续来看下一个方案--服 ...
 - Vue CLI Webpack 创建Vue项目
		
简介 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层,不仅易于上手,还 ...
 - 关于VsCode创建Vue基础项目的步骤以及相关问题
		
项目创建步骤: 1. 全局安装vue-cli 安装命令: npm install -g vue-cli 在vscode上打开一个终端,然后输入此命令(下为截图): 2. 安装webpack,打包js ...
 - Web框架之Django_01初识(三大主流web框架、Django安装、Django项目创建方式及其相关配置、Django基础三件套:HttpResponse、render、redirect)
		
摘要: Web框架概述 Django简介 Django项目创建 Django基础必备三件套(HttpResponse.render.redirect) 一.Web框架概述: Python三大主流Web ...
 - vue cli 项目的提交
		
前提: 配置git.以及git的ssh key信息 假设已经都安装好了,此处我用vue项目为例,因为vue-cli已经默认为我生成了ignore文件 在项目目录 初始化本地仓库,会创建一个.git目录 ...
 - vue.cli项目中src目录每个文件夹和文件的用法
		
assets文件夹是放静态资源:components是放组件:router是定义路由相关的配置:view视图:app.vue是一个应用主组件:main.js是入口文件:
 - Vuex内容解析和vue cli项目中使用状态管理模式Vuex
		
中文文档:vuex官方中文网站 一.vuex里面都有些什么内容? const store = new Vuex.Store({ state: { name: 'weish', age: }, gett ...
 - vue/cli项目添加外部js文件的一个方法
		
有一个util.js文件,内容如下 function Util () { ... } export default new Util() 可以在main.js里面通过import引入js import ...
 - Vue cli项目开启Gzip
		
目录 安装 compression-webpack-plugin 更改配置文件 服务器开启gzip功能 安装 compression-webpack-plugin 建议安装v1.1.11版本,最新版本 ...
 
随机推荐
- CSS属性相关知识
			
Css选择器 选择器的权重 在css中,哪个选择器的权重高,就走谁的样式. 标签选择器的权重是 1 Class选择器的权重是10 Id选择器的权重是100 行间样式的权重是1000 带有关键字 !im ...
 - SQL忽略重复键作用
			
1.插入时如果开启的话,发现重复键会忽略,否则报错 2.更新时不管开启是否都会报错
 - 补习系列(12)-springboot 与邮件发送【华为云技术分享】
			
目录 一.邮件协议 关于数据传输 二.SpringBoot 与邮件 A. 添加依赖 B. 配置文件 C. 发送文本邮件 D.发送附件 E. 发送Html邮件 三.CID与图片 参考文档 一.邮件协议 ...
 - python 练习题:定义一个函数quadratic(a, b, c),接收3个参数,返回一元二次方程ax^2+bx+c=0的两个解
			
请定义一个函数quadratic(a, b, c),接收3个参数,返回一元二次方程 ax^2+bx+c=0的两个解. 提示: 一元二次方程的求根公式为: x1 = (-b + math.sqrt((b ...
 - 如何禁用/关闭vs2017自带的Git工具的?
			
对于用习惯了独立Git工具和命令行的人来说,看到Visual Studio自带的Git工具后,很是别扭,到处充满了不习惯,而且是不是还会出现电脑卡顿的现象(可能是我自身电脑配置一般的问题). 如何关闭 ...
 - 记一次删除ocr与dbfile的恢复记录
			
自己造成的一个案例: 场景:ocr磁盘组被我dd掉了,dbfile磁盘组也被我dd掉了.Rac起不来.之前ocr的DATA磁盘组被替换到了ABC磁盘.所幸的是有备份. 重新加载OCR磁盘 [root@ ...
 - Python基础-numpy
			
创建数组 numpy.array():括号内可以是列表.元祖.数组.生成器等 numpy.arange():类似range(),在给定间隔内返回均匀间隔的值 #numpy.linspace() 返回在 ...
 - linux系统盘扩容操作
			
linux操作系统原来的50硬盘空间不够用了,如果再加一块60G硬盘,怎样扩容呢?今天我参考了前辈门的文档实际操作了一下,涉及到PV/VG/LV的相关操作. 当50G系统硬盘不够,再挂载一块60G,就 ...
 - linux 下 Google配置SwitchyOmega
			
本文是在linux配置shadowssocks中配置的,windows也可以 通过上一篇文章我们学会了如何科学上网, 但是我们使用SwitchyOmega时选择的是proxy的代理模式 就是说我们不 ...
 - springmvc配置访问静态文件
			
xmlns:mvc="http://www.springframework.org/schema/mvc" <mvc:annotation-driven /><m ...