Vue
Vue js
Tony-devj
Java方向的开发
展开
-
使用webpack根据不同的环境打包
使用webpack根据不同的环境打包前提准备工作工作目录结构编写common.jsdev.js,tenv.js,prod.js进行打包配置前提我们在进行项目开发的时候,一般在不同的环境下面使用不同的代码分支,常见的有dev-开发分支、test-测试分支、uat-准生产分支、prod-生产分支,生产分支和准生产分支基本上是一样的。dev分支一般作为本地的开发分支使用,连接相关的ip进行相关调试的代码本地联调,测试环境就是对接的测试环境的ip或者域名进行测试联调,生产分支作为线上分支使用,供外部使用。但是原创 2020-06-02 18:09:06 · 1456 阅读 · 0 评论 -
Webpack 4 加载fonts文件 路径问题
Webpack 4 加载fonts文件 路径问题问题描述我这里使用的是MiniCssExtractPlugin插件解决问题publicPath解释问题描述在项目中我们想将font文件放在dist的static/fonts文件中,但是我们编译访问的时候就转换成了localhost:8080/static/static/fonts/xx,这样访问字体文件的时候访问路劲不对的情况。我这里使用的是MiniCssExtractPlugin插件解决问题这是加载的css,我将publicPath改为如下就o原创 2020-05-21 10:24:37 · 531 阅读 · 0 评论 -
webpack4 处理css文件
webpack4 处理css文件webpack4处理css安装mini-css-extract-plugin在webpack4中的使用webpack4处理css在早期的webpack的版本中,是使用extract-text-webpack-plugin这个插件。插件安装:npm install --save-dev extract-text-webpack-plugin本人使用webpack4,查询相关插件的时候,官当推荐将extract-text-webpack-plugin替换成mini-css原创 2020-05-20 15:04:57 · 251 阅读 · 0 评论 -
亲手搭建vue项目的过程--加载图片 [object%20Module]
我在用webpack 4.43.0的版本的时候,加载图片显示[object%20Module] ,出现问题当时有点懵,因为我的图片路径是对的,为什么加不出来,之后利用调试工具,看到src中的url为:[object%20Module] ,但是怎么会显示这个呢?有点郁闷,查官方的webpack API看怎么处理?webpack加载图片有两个loader可以使用,一个是file-loader,一个是url-loader。看这两个loader的相关讲解:file-loader:...原创 2020-05-19 16:58:34 · 2282 阅读 · 0 评论 -
亲手搭建vue项目的过程
React js,Angular js,Vue.js是现在前端流行的三大框架,亲手搭建一个vue的项目需要哪些流程呢? 大部分人都是直接使用vue-cli去创建一个Vue的项目,这样会很简单。为了了解webpack的相关插件和在什么情况下使用这些插件或者配置想必大家都没有怎么自己搭建vue,自己尝试搭建了一下,自己记录一下。 首先我们电脑需要安装node js,需要使用npm安装先关的包。 第一步:创建一个文件夹(进入相应的盘符(windows)或者/usr/projec...原创 2020-05-18 17:33:51 · 266 阅读 · 0 评论 -
安装node js
Node Js是javascript来编写服务端代码的运行环境。提供了时间驱动和非阻塞的I/O模型。React js,Vue js,Angular js等都依赖于Node Js环境,因此我们现在来看看Node Js如何安装:1.去Node Js官网 https://nodejs.org/zh-cn/我们下载LTS版本(推荐使用的版本)的,点击LTS按钮进行下载。2.执行下载下来的n...原创 2018-11-27 13:25:19 · 308 阅读 · 0 评论 -
什么是单页应用?
在我们以前开发web程序的时候,都是通过不同的html,js,css进行控制。网站就是网页的集合,但是如今react,angular,vue的诞生,产生了单页面应用(single page application),构建web应用可能只有一个页面,这个页面不再是简单地把内容进行布局排序,它已经成为web应用的容器。这样还有一个页面的web应用程序成为单页面应用程序。也叫单页应用。单页应用是如何...原创 2019-01-14 15:16:34 · 5323 阅读 · 0 评论