Vue+Webpack 第6页

[前端]使用vue+webpack的多页面框架

第一步：安装环境需要安装的有：nodejs，并添加入环境变量PATH使用nodejs安装vue-cli参考内容：http://cn.vuejs.org/guide/installation.html#u547D_u4EE4_u884C_u5DE5_u5177使用命令：npminstall-gvue-cli使用nodejs安装webpack和webpack-dev-server参考内容：http:/

喵吉呀呀·2020-01-01 03:46

VUE+WebPack游戏设计：扑克牌对战的多回合交互

更详细的讲解和代码调试演示过程，请点击链接上一节我们实现了扑克牌对战时的一个循环，也就是当用户选择好扑克牌后，敌对扑克牌出现在页面上，用户选择的扑克牌向其发出攻击冲击波，然后敌对扑克牌向用户扑克牌发送冲击波，最后某一方的能量值减少，这种减少会反应在顶部能量槽上。这节我们要做的是当一个攻击流程结束后，我们自动重启下一轮攻击攻击流程，攻击流程反复进行直到某一方的能量降低至0为止，然后游戏结束。首先在g

望月从良·2019-12-31 11:08

vue+webpack项目中使用dev-server搭建虚拟服务器，请求json文件数据，实现前后台分离开发

在项目开发中，前后台分离，做了假数据，项目使用vue2.0重构，后台也推到重来了，为了不耽误开发进程，我做了虚拟的数据请求，使用vue-cli脚手架搭建的项目文件中dev-server搭建虚拟api请求，访问自己mock的假数据虚拟请求后台的模式，具体做法如下在build/dev-server.js文件中在varapp=express()这个实例的下面添加如下代码//本地json-server服务

追卓2018·2019-12-28 19:54

[Vue+Webpack] - Vue+Webpack使用规范

一、注意事项1、开发尽量使用ES2015，遵循CommonJS规范2、切勿直接操作DOM，要操作数据3、尽量使用Vue的语法糖，比如可以用:style代替v-bind:style；用@click代替v-on:click二、规范1、命名组件名称(含路由组件)使用“-”分割，如person-new-com，不推荐驼峰2、事件事件名称使用“-”分割，且前缀为该组件的名称，例如当前组件为open-laye

Lusa_note·2019-12-28 06:57

Mpx - 滴滴出行前端团队开源的增强型小程序框架

图为滴滴出行技术团队董宏平在小程序技术峰会分享Mpx应用Mpx是滴滴出行前端团队在2018年11月份开源的一款致力于提高小程序开发体验的增强型小程序框架，通过Mpx，我们能够以最先进的web开发体验(Vue

思否编辑部·2019-12-22 14:27

Vue的报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object

刚刚运行一下以前的一个Vue+webpack的demo，运行之后没有出现想象中的效果，并且报错1错误——UncaughtTypeError:Cannotassigntoreadonlyproperty'exports'ofobject

逸宸a·2019-12-20 11:49

vue+webpack app项目(6)

step6利用vue-resource获取数据将首页的数据变为动态获取的首先定义一个json文件，注意格式，否则解析不了会为null，建议可以把自己的json文件在线检测一下news.jsonPaste_Image.png这个文件放在static/data，要在app.js中做相应的配置importVueResourcefrom'vue-resource'Paste_Image.png参数解释：p

Obeing·2019-12-19 14:03

[Vue+Webpack] - Vue+Webpack开发可复用的单页面富应用教程（组件篇）

资源地址：https://www.talkingcoder.com/article/6310724958473489215一、单页面富应用（SPA）和路由何为SPA：在前后端分离的基础上再加一层前端路由前端路由：由前端来维护一个路由规则。实现方式2种：1、利用url的锚点#2、html5的history模式二、编写可复用的代码、模块化、组件把一个页面分成不同的模块，再组装。模块化是一种开发模式，组

Lusa_note·2019-12-19 09:33

[Vue+Webpack] - Vue+Webpack开发可复用的单页面富应用教程（配置篇）

转载来源：https://www.talkingcoder.com/article/6310080842228107877一、vue+vueRouter+webpack开发环境和生产环境的配置文件（webpack.dev.config.js和webpack.prod.config.js）入口html文件由webpack生成，模板在src/template/index.html内git提交忽略文件P

Lusa_note·2019-12-16 15:40

用 Vue+Webpack 开发的项目，安卓低版本上，无法正常显示和使用。

解决办法：项目安装babel-polyfill、es6-promise、viewport-units-buggyfill三个插件。（第三个插件的前提是项目中使用的适配单位是vw）在项目入口文件，比如main.js中，头部引入import"babel-polyfill"import'es6-promise/auto'还要调用viewport-units-buggyfillvarhacks=requi

UmustHU·2019-12-14 08:45

Vue-cli 3.0初体验

Vue-cli，即Vue脚手架工具，可以用来快速创建Vue+Webpack项目结构。如果你对Webpack还不了解，欢迎阅读我之前写过的Webpack轻松入门系列教程。

前端王睿·2019-12-13 18:46

VuePress入门教程

它以Markdown为中心的项目结构，以最少的配置帮助你专注于写作；享受Vue+webpack的开发体验，可以在Markdown中使用Vue

弗小贝·2019-12-13 02:54

Vue+Webpack之代码及打包优化

本文重点介绍Vue单页面应用的优化手段：异步加载面切换时加loading特效点击延迟inlinemanifest逻辑代码优化依赖包体积优化cdn引用Vue代码优化异步加载所谓的异步加载组件，其实就是组件懒加载。可以理解为：当我需要使用组件的时候才进行加载。主要包含两部分：路由配置和子组件的调用。所以在router文件夹下index.js做如下配置组件优化由于是后台项目，所以选择element-ui

天然呆☆☆·2019-12-12 16:00

详解vue-cli + webpack 多页面实例配置优化方法

vue+webpack是否有多页面目前使用vue来做项目，估计大部分都是单页面（SPA）应用，一个轻型的MVVM框架，谁用了MVVM框架，就再也回不去JQ时代了，哈哈。

蓝狐锅锅·2019-12-12 12:43

VUE+WebPack游戏设计：为对战扑克牌增加能力槽

更详细的讲解和代码调试演示过程，请点击链接上一节我们完成了右边扑克牌向左边扑克牌发出冲击波后的动画特效，现在我们接着完成余下的动画效果，接下来左边扑克牌将向右边扑克牌发出冲击波，然后右边扑克牌也要展现颤动效果。在template标签中添加如下代码：我们要增加三个变量：cardAShake,cardBShake,cardCShake,当某个变量的值设定为true时，对应的div元素其class属性会

望月从良·2019-12-02 00:34

VUE+WebPack游戏设计：实现两张扑克牌的逐对厮杀特效

本节，我们开始进行两张扑克牌对战时的情景设计，当用户从底部选中一张扑克牌后，系统需要产生一张对手扑克牌，这样两张牌才能相互较量，接下来我们先实现如何引入敌对扑克牌。在gamescenecomponent.vue中，我们先添加敌对扑克牌的定义，在标签template中，添加如下代码：back接着在script标签中添加相关变量的定义，以及控制敌对扑克牌的逻辑代码，首先添加几个变量定义：importC

望月从良·2019-11-29 19:36

VUE+WebPack游戏设计：用CSS实现扑克牌翻转特效

在最开始的效果演示中，有一个细节是，当用户选中一张扑克牌后，扑克牌会产生一个翻转动画，然后从背面转换为正面，本节我们要看看里面扑克牌翻转的动画效果是如何实现的。一张扑克牌，它的正面和背面分别对应两张图片，正面图片如下：这里写图片描述背面图片如下：这里写图片描述我们如何实现从正面开始，做一个翻转效果后，显示出背面呢。基本思路是先把两张图片重叠放在一起，正面在上，这样的话正面会先显示出来，然后我们通过

望月从良·2019-11-27 21:44

一个简单 vue+webpack 的配置和demo 2018.1.15

第一步1.2前言在我还在使用requireJS去管理模块化的js的时候，如今的前端三大框架ReactAngularVue已经如火如荼。这里我们来使用==webpack和vue==来重构一下我们的代码，体验MVVM模式的乐趣。image1.2什么是vue？这里我们来比较一下常用的jquery和vue的区别Vue就是和jQuery一样是一个前端框架，它的中心思想就是数据驱动，像远古时代的老前辈jQue

_panda·2019-11-04 10:44

vue+webpack构建项目（小白）

之前自学过vue，构建项目直接用vue-cli，最近在学习如何自己构建项目，于是就选择了vue+webpack（本人也是菜鸟一枚，有说错的或者需要改进的，‘言出’-必行）。

半瓶不满·2019-11-04 06:43

vue-01

vue+webpack优化一.异步加载1.异步加载组件，其实就是组件懒加载。可以理解为：当我需要使用组件的时候才进行加载。

青青玉立·2019-11-03 06:02

VUE+WebPack游戏设计：欲望都市城市图层的设计

在上一节，我们设计了游戏的背景图层和UI图层，这一节开始，我们把精力集中到城市图层的开发和设计上，因为整个游戏的动画特效和游戏逻辑都发送在这个图层，因此它的开发是整个项目的难点所在。我先把中间的城市背景图贴到页面中间，接着要在城市背景图上绘制9*9=81个网格，所有的城市建筑都必须拜访在网格中，代码完成后，页面加载显示如下：屏幕快照2017-11-03上午11.26.59.png注意，画面上的网格

望月从良·2019-11-02 20:26

Vue-学习笔记0-独立项目搭建

前言搭建Vue+Webpack项目，使用vue-cli搭建项目。准备vue独立项目依赖node的npm包管理器，所以需要先安装node。

coder立夏·2019-09-27 12:17

vue+webpack配置+多页面入口+提取公共js

npminitnpmiwebpackwebpack-clivuevue-loadercss-loaderstyle-loaderbabel-loaderbabel-corehtml-webpack-pluginvue-template-compiler-sconstpath=require('path')constVueLoaderPlugin=require('vue-loader/lib/pl

一大二王里·2019-09-19 15:00

关于nodejs+npm+vue服务webpack打包到线上服务器部署的一些坑

本文主要介绍vue+webpack打包部署到nginx服务器。

天府云创·2019-08-22 00:00

windows环境下搭建vue+webpack的开发环境

前段时间一直在断断续续的看vue的官方文档，后来就慢慢的学习搭建vue的开发环境，已经有将近两周了，每到最后一步的时候就会报错，搞的我好郁闷，搁置了好几天，今天又接着搞vue的开发环境，终于成功了。我要把我所参考的文档和实际遇到的问题分享给大家。由于本人也是初级菜鸟一枚，如果有错误，还望谅解指正。下面言归正传：所参考的文档链接：http://blog.csdn.net/syyling/articl

cnq2328·2019-07-01 17:30

搭建vue+webpack项目

一安装nodevue项目搭建依赖node的npm包管理器，所以我们先得安装node，此处就不详细讲解其安装过程。二安装vue-clinpminstall-gvue-cli安装成功后可以输入vue查看相关命令的使用，输入vuelist可以查看vue可以用的模板:我们这里选择webpack模板：vueinitwebpackprojectName输入上述命令，设置根据提示设置你的项目即可，如果不设置，一

鹧鸪少·2019-06-30 10:39

EasyDSS高性能RTMP、HLS(m3u8)、HTTP-FLV、RTSP流媒体服务器web前端：vue组件之间的传值,父组件向子组件传值

EasyNVR使用的是传统的js来进行开发,而EasyDSS使用的是webpack+vue来进行开发的,了解vue+webpack的应该都知道它的好处。

EasyDSS·2019-06-22 16:54

vue+webpack4.0 生产环境手动一步一步配置（持续更新中......）

vue-webpack介绍vue+webpack手动搭建过程，熟悉webpack的配置，loader&插件的使用介绍目标：熟悉webpack的配置，loader&插件的使用通常新建vue项目都使用vue-cli

缓缓先生·2019-06-21 00:00

webpack不打包特定的文件

使用vue+webpack创建项目的时候会自动生成一个static文件夹，在static文件夹里面我们可以放一些会经常变化的文件或者照片啥的，但是用的时候需要写上绝对路径。

EnmengXu·2019-06-18 14:55

开发环境下 vue proxyTable 配置代理解决跨域

vue+webpack构建的项目解决浏览器跨域问题浏览器同源策略是浏览器的一种保护机制。

MandyShen·2019-06-10 00:00

win7 搭建安装nodejs 以及vue+webpack环境

一、nodeJS1、登陆官网（http://nodejs.org/），首页的“INSTALL”按钮，直接点击就会自动下载安装，2、安装"next",可以修改安装路径，我的选择安装路径:D:\nodejs,安装完会自动添加path的系统变量，变量值是你的安装路径，比如我的安装路径：D:\nodejs3、cmd（win+r然后输入cmd进入）测试下是否安装成功。方法：在cmd下输入node-v，出现下

dengxw00·2019-05-25 17:45

Vue+Webpack发布微信公众号在iOS打开加载慢或返回时会出现空白界面需要刷新进入问题解决

使用Vue+Webpack开发微信公众号页面发布时，Android端打开就快很多，iOS端打开就很慢，登录进入主页后页面间切换偶尔会出现白屏，需要刷新才可以重新显示。

LinJingke·2019-05-07 14:19

修改vue2.0的端口，vue项目的真机调试

在某些时候，我们vue默认的端口会与其他服务器端口重复，此时我们需要修改vue端口，我用的是vue+webpack开发的，因此我们可以找到vue文件下的config文件夹，再找到index.js文件，我们找到

晚风拂轻舟·2019-05-05 23:20

Vue+webpack 构建前端页面初探

前言：本文适合后端同学快速了解基于vue的前端开发Vue学习成本:一周Vue是一个js框架，承担和dom交互的职责，使开发人员在写js的时候，不用再去获取dom的对象并修改dom属性值,js写起来有点面向对象的感觉，对于后端研发来说相当好用。官网:https://cn.vuejs.org用Vue构建一个简单的计算器简单实现一个可以加减乘除的计算器，并以这个实例介绍Vue基本用法计算器目标效果图va

雕兄L·2019-04-25 17:22

第一个vue+webpack模块化之使用路由

一、vue模块化开发之使用路由1.生成项目命令：vueinitwebpack-simplevue-cli-model2.进入项目目录后，安装项目需要的模块命令：cnpminstall3.引入路由router3.1先安装vue-router命令：cnpminstallvue-router-S3.2操作步骤1).在main.js内引入vue-routerimportVueRouterfrom'vue-

eling-·2019-03-21 00:37

vue+webpack 前端性能优化

优化方法一：vue-router路由懒加载按需加载：也叫延迟加载或者懒加载，即在需要的时候进行加载，随用随载。使用懒加载的原因：vue是单页面应用，使用webpcak打包后的文件很大，会使进入首页时，加载的资源过多，页面会出现白屏的情况，不利于用户体验。运用懒加载后，就可以按需加载页面，提高用户体验。（下图为懒加载的写法）优化方法二：webpack压缩图片（减少图片大小）一般在vue项目中用web

小白阿斯兰·2019-03-20 12:14

Webpack打包后报错问题解决办法

最近使用Vue+WebPack进行项目开发，在完成开发后，执行npmrunbuild生成dist文件后，打开index.html，界面一直未加载成功，通过console窗口看到所有资源文件都在报404错误

心若向阳无谓悲伤·2019-01-08 17:35

Vue+webpack从零搭建工程项目

基础项目搭建准备工作#vscode打开命令行ctrl+`(esc下面的键)#在目录下面,初始化一个npm项目npminit#安装库npmiwebpackvuevue-loader#根据提示安装其他的库npmicss-loadernpmivue-template-compiler项目目录介绍dist//将打包的资源输出目录node_modules//安装的库目录src//源码目录app.vue//v

NiRao·2019-01-02 08:00

Vue+Webpack打造todo应用

Moduleparsefailed:Unexpectedcharacter'#’报错解决:将webpack.config.js的css预处理器修改为下面这种形式。//css预处理器{test:/\.styl(us)?$/,use:['style-loader','css-loader',{loader:'postcss-loader',options:{sourcemap:true}},'styl

愤的小鸟怒·2018-12-30 13:28

Vue全家桶 + webpack 构建单页应用初体验

文章指南主题承接这上一篇Vue+Webpack构建模块化开发框架详解，我们知道了如何使用webpack对vue进行打包，从而开始我们的前端模块化开发之路，这一篇在上一篇的基础上讲解Vue全家桶(vue

AngelLover2017·2018-12-20 12:05

Vue全家桶 + webpack 构建单页应用初体验

文章指南主题承接这上一篇Vue+Webpack构建模块化开发框架详解，我们知道了如何使用webpack对vue进行打包，从而开始我们的前端模块化开发之路，这一篇在上一篇的基础上讲解Vue全家桶(vue

AngelLover2017·2018-12-19 00:00

滴滴开源小程序框架 Mpx ，致力于提高小程序开发体验

通过Mpx，开发者能够以最先进的web开发体验(Vue+Webpack)来开发生产性能深度优化的小程序。

cpongo333·2018-12-12 08:22

Vue+Webpack完美整合富文本编辑器TinyMce的方法

选择一个合适的富文本编辑器对于一个前端项目至关重要，这次我基于Vue来开发我项目中的前端部分，经过权衡选择了tinymce。其在UI，功能都很适合，tinymce官方文档：点击打开链接；引入tinymce我选用的版本4.7.4npminstalltinymce-S将tinymce创建为Vue的组件，便于日后复用，创建组件editor.vue//ImportTinyMCEimporttinymcef

Buynow_Zhao·2018-11-30 14:36

使用SpringBoot和Netty实现一对一（互相）简单聊天

首先看一下效果图：依赖前端代码详情请移步：https://github.com/coffcer/vue-chat本样例前端采用JQuery与Vue+Webpack为了项目尽可能简单，我们一切从简，具体如下

AZHELL·2018-11-29 15:32

手把手带你把vue+webpack 单页面改多页面(适合上手),支持多级目录

前言公司做的后台管理系统，越做越庞大，而且系统之间还需要经常的来回嵌套页面，单页面已经不太顺手了。所以我把vue+elementui+webpack单页面改为多页面的经验在这里唠叨唠叨，这里作展示的是一个简单的后台管理系统，利用iframe模拟的路由跳转，很简单也很容易上手，可以把这个项目下载到本地，然后把你们的页面慢慢移进去，希望能帮到一些小伙伴。建议，把项目下载下来跑起来，结合着项目看这篇文章

大师兄·2018-11-26 00:00

vue+webpack项目打包优化，从60s到17s的优化之法

有的Vue项目比较大．或者说项目中引入了许多第三方库，那么在执行npmrunbuild构建项目的时候会极其的慢．比如我现在的项目就每次打包就要大概60s的样子。可能大家也会遇到如下同样的问题：一，npmrunbuild构建项目耗时较长二，打包出来的文件太大三，打包前需要手动删除dist文件通过学习本文，以上这些都不是问题。通过学习本文，你讲学会如何优化自己的项目。通过学习本文，你将会学习到新的插件

吹过麦田的风·2018-11-15 17:00

Window环境下Vue+Webpack前端环境搭建及nginx部署（二）

1.通过vue-cli初始化项目以后的项目结构在第一篇中，我们使用了vue-cli脚手架在一个文件夹下初始化了一个项目，接下来我们来看看项目的目录结构：捕获.PNG大概解释下每个文件夹代表的含义:10868449-01a038fa573b22c8.pngtips:bulid文件夹和config文件夹这两个文件夹怎么理解。build中配置了webpack的基本配置、开发环境配置、生产环境配置等，co

造一个大大的轮子·2018-11-07 15:44

vue+webpack中配置ESLint

一、ESLint协同开发过程中，经常感受到来自代码检视的恶意。代码习惯不一致，看半天；居然提交低级错误，我的天(�s�F□′)�s�喋擤ォ撸�...研究了一番，决定使用ESLint来做代码规范检查。二、配置方式JavaScript注释：通过JavaScript注释把配置信息嵌入代码中。package.json：在package.json文件中的eslintConfig字段中指定配置。配置文件：通过

暑假作业·2018-11-07 11:51

使用 Webpack3.X 搭建Vue多页应用开发环境

1.上图,晒一下我的目录结构.目录这个结构里面还有很多细节的没有完善,但是整体的结构就这样.使用npminit初始化目录.2.使用webpack打包多个页面很多人都有一个认知误区,认为Vue+Webpack

Homary·2018-11-06 18:47

ESLint(vue+webpack)配置

一、ESLint协同开发过程中，经常感受到来自代码检视的恶意。代码习惯不一致，看半天；居然提交低级错误，我的天(╯‵□′)╯︵┻━┻！...研究了一番，决定使用ESLint来做代码规范检查。二、配置方式JavaScript注释：通过JavaScript注释把配置信息嵌入代码中。package.json：在package.json文件中的eslintConfig字段中指定配置。配置文件：通过.esl

暑假作业·2018-11-06 00:00

推荐频道

Vue+Webpack

[前端]使用vue+webpack的多页面框架

VUE+WebPack游戏设计：扑克牌对战的多回合交互

vue+webpack项目中使用dev-server搭建虚拟服务器，请求json文件数据，实现前后台分离开发

[Vue+Webpack] - Vue+Webpack使用规范

Mpx - 滴滴出行前端团队开源的增强型小程序框架

Vue的报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object

vue+webpack app项目(6)

[Vue+Webpack] - Vue+Webpack开发可复用的单页面富应用教程（组件篇）

[Vue+Webpack] - Vue+Webpack开发可复用的单页面富应用教程（配置篇）

用 Vue+Webpack 开发的项目，安卓低版本上，无法正常显示和使用。

Vue-cli 3.0初体验

VuePress入门教程

Vue+Webpack之 代码及打包优化

详解vue-cli + webpack 多页面实例配置优化方法

VUE+WebPack游戏设计：为对战扑克牌增加能力槽

VUE+WebPack游戏设计：实现两张扑克牌的逐对厮杀特效

VUE+WebPack游戏设计：用CSS实现扑克牌翻转特效

一个简单 vue+webpack 的配置和demo 2018.1.15

vue+webpack构建项目（小白）

vue-01

VUE+WebPack游戏设计：欲望都市城市图层的设计

Vue-学习笔记0-独立项目搭建

vue+webpack配置+多页面入口+提取公共js

关于nodejs+npm+vue服务webpack打包到线上服务器部署的一些坑

windows环境下搭建vue+webpack的开发环境

搭建vue+webpack项目

EasyDSS高性能RTMP、HLS(m3u8)、HTTP-FLV、RTSP流媒体服务器web前端：vue组件之间的传值,父组件向子组件传值

vue+webpack4.0 生产环境手动一步一步配置 （持续更新中......）

webpack不打包特定的文件

开发环境下 vue proxyTable 配置代理解决跨域

win7 搭建安装nodejs 以及vue+webpack环境

Vue+Webpack发布微信公众号在iOS打开加载慢或返回时会出现空白界面需要刷新进入问题解决

修改vue2.0的端口，vue项目的真机调试

Vue+webpack 构建前端页面初探

第一个vue+webpack模块化之使用路由

vue+webpack 前端性能优化

Webpack打包后报错问题解决办法

Vue+webpack从零搭建工程项目

Vue+Webpack打造todo应用

Vue全家桶 + webpack 构建单页应用初体验

Vue全家桶 + webpack 构建单页应用初体验

滴滴开源小程序框架 Mpx ，致力于提高小程序开发体验

Vue+Webpack完美整合富文本编辑器TinyMce的方法

使用SpringBoot和Netty实现一对一（互相）简单聊天

手把手带你把vue+webpack 单页面改多页面(适合上手),支持多级目录

vue+webpack项目打包优化，从60s到17s的优化之法

Window环境下Vue+Webpack前端环境搭建及nginx部署（二）

vue+webpack中配置ESLint

使用 Webpack3.X 搭建Vue多页应用开发环境

ESLint(vue+webpack)配置

Vue+Webpack之代码及打包优化

vue+webpack4.0 生产环境手动一步一步配置（持续更新中......）