vue+webpack 第5页

vue+webpack 组件化开发基本配置

package.json{"name":"xxx","description":"vuetest","version":"1.0.0","author":"xxxx","private":true,"scripts":{"dev":"cross-envNODE_ENV=developmentwebpack-dev-server--open--hot","build":"cross-envNODE_

雨天934·2020-06-26 22:06

vue+webpack项目报错，怎么找到对应的源码的位置？

问题描述：F12打开开发者工具，运行项目报错，如下：vue.esm.js:628[Vuewarn]:Errorinrender:"TypeError:Cannotreadproperty'atype'ofundefined"foundin--->atpackages/table/src/table.vueatpackages/main/src/main.vueatpackages/containe

绝圣弃智-零·2020-06-25 18:40

Vue+Webpack引入Jquery第三方插件,jQuery is not defined 错误,解决方案

前言：由于对webpack的了解有限，所以在项目部署出现许多问题一、webpack使用ES6语法，第三方js可以引入通过import，可以通过npm配置到项目中或者直接下再加入项目js文件中首先无论require还是import，都不是webpack的发明，它们是已经存在于世的不同的模块化规范(目前都不能直接运行于浏览器,于是需要通过webpack在配合各种plugin、loader将其转义，使之

SImon_Leo·2020-06-24 22:18

vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（二）

言墨儿·2020-06-24 20:08

vue+webpack绕过QQ音乐接口对host的验证

最近用vue+webpack做了一个web移动端的音乐播放器使用的QQ音乐的接口，但是接口对host有验证，然后产生以上问题解决方案：进入到bilud->webpack.dev.conf.js安装axios

洲粥·2020-06-24 18:05

浅谈vue+webpack项目调试方法

所以vue+webpack调试要从webpack入手。我们先从一般情况开始说。-sourcemapwebpack配置

Lienviws·2020-06-24 07:12

Vue+webpack学习案例(一)-构建Vue项目

二、构建Vue+webpack应用Vue.js提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的

iuoon·2020-06-23 20:16

vue路径优化之resolve的使用

通过vue-cli来创建vue+webpack的项目时，已经有很多都配置好了，但是路径方面为了方便开发，还可以优化。

fei2636·2020-06-23 07:49

使用vue+webpack的多页面架构（转+自己的情况）

按以下步骤可正常配置多页面架构记得安装node-glob安装命令：npminstallnode-glob--save-dev文件附加webpack.base.conf.js--参考morestart处varpath=require('path')varutils=require('./utils')varconfig=require('../config')varvueLoaderConfig=r

dengqulun3433·2020-06-23 03:02

简单创建 Vue 的项目 (包括一些简单的插件)

简单创建Vue的项目1.创建一个Vue项目2.创建一个Vue+webpack项目3.添加插件4.静态资源使用1.创建一个Vue项目安装插件cnpminstall-g@vue创建项目vuecreatemy_project

YKenan·2020-06-22 09:26

Vue+webpack实战 TodoList(附项目源码)

全局安装vue-clinpmivue-cli-g创建项目vueinitwebpack-simplevue-todos进入项目文件夹，项目初始化cdvue-todosnpmi运行项目，将会看到默认界面npmrundev这里将app.vue中其余内容删除，只保留基本框架exportdefault{name:'app'}这里样式使用less，需进行相关配置npmilessstyle-loadercss-

cellinlab·2020-06-21 01:13

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

1.安装node.jsnode.js是什么?node.js是JavaScript的运行时环境,它不是一个JavaScript框架,更不是浏览器前端的库,不能与jQuery、AngularJS等相提并论。node.js是一个让JavaScript运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。安装参考：http://www

造一个大大的轮子·2020-05-31 19:11

vue+webpack打包生成可配置文件-后台服务地址

前言：我们用vue/cli+webpack启动前端，后台服务的地址配置会写在/config/dev.env.js和/config/prod.env.js文件中，当项目打包执行build后会把这两个文件打包需求：最近项目规范走CI持续构建，自动化构建，一个构建结果可能用于多个环境，比如测试环境、研发环境、演示环境、生产环境等，为了保证前端包的一致性和保存打包记录，本地打黑包是不合适了，下面记录下生成

GothaM24·2020-05-21 10:30

使用脚手架创建项目前后端

前端vue+webpack环境，使用脚手架两步搞定：//全局安装vue-clinpminstallvue-cli-g//创建一个基于webpack模板的新项目vueinitwebpackwebsite/

礼拜16·2020-04-11 15:00

vue+webpack动态设置图片src导致404错误

初学vue+webpack，要实现一个展示图片的模态框。

厚脸皮的书·2020-04-06 02:52

vue+webpack app项目（1）

概述项目中会用到的插件vue-routervue-resource打包工具webpack依赖环境node.jsstart安装vue开发的模板全局安装vue-cli$npminstall-gvue-cli#//创建一个基于"webpack"模板的新项目$vueinitwebpackmy-project#//安装依赖，走你$cdmy-project$npminstall$npmrundev脚手架工具如

Obeing·2020-04-04 16:51

vue+webpack app项目（4）

step7解决（3）中刷新在两个tab中都添加元素的问题（3）中的情况是无论在动态tab下拉刷新还是在前端tab下拉刷新同时会增加dom元素主要是因为这一句话，这里的this是指向整个template的根目录，这也正好可以解释片段实例为什么获取不到元素了main.vuePaste_Image.png那就必须是添加到当前指令下的.card-container,所以要获取到当前指令元素，可以在自定义指

Obeing·2020-04-03 18:03

Vue(一)vue-cli搭建Vue项目

也就是说要执行命令安装npminstallvue-cli-g安装使用创建项目文件夹如：d:/mypro进入文件夹，执行命令：vueinitwebpack[项目名称]初始化一个vue+webpack项目?

Qihang·2020-03-29 22:28

配置vue+webpack踩过的坑

本文是在该项目中踩坑得出的结论:一、关于"Youmayneedanappropriateloadertohandlethisfiletype."ERRORin./src/app.vue1:0Moduleparsefailed:Unexpectedtoken(1:0)Youmayneedanappropriateloadertohandlethisfiletype.>||@./src/index.j

苏日俪格·2020-03-29 11:55

VUE+WebPack前端游戏设计：依赖VUE组件通讯机制实现场景游戏切换

更详细的讲解和代码调试演示过程，请点击链接上一节，我们已经实现了游戏的启动场景设计，本节，我们继续把游戏的进行场景和结束场景完成，并通过VUE组件的通讯机制，实现不同场景间的任意切换。我们先完成游戏进行场景的设置。在src/component目录下，新建一个文件名为gamescenecomponent.vue，打开文件，先编写组件视图部分的代码：这里值得说明的是VUE提供给我们的指令:class,

望月从良·2020-03-29 06:43

不使用 vue-cli 与 vue 模版，使用 Vue2.x + webpack4.x 从零开始一步步搭建项目框架

说明这是我根据慕课网上的一个课程Vue+Webpack打造todo应用过程一步步搭下来的框架，去掉了业务相关的逻辑。

Dandelion_drq·2020-03-28 20:34

vue+webpack app项目(2)

step4slot的使用就是外部调用时，标签中的内容。如果外部调用时没有提供内容的话，那么它就会使用自己默认提供的内容，非常方便。-这个字面意思确实难以理解，用代码解释-首先定义Bar.vue组件替代最外层的navPaste_Image.png-然后在main.vueimport进来引用-原来的nav标签就会变成这样写Paste_Image.png-先看现在的效果Paste_Image.png-一

Obeing·2020-03-28 19:33

vue+webpack 绑定src找不到图片报404

我的代码://html代码{{item.title}}//data返回的数据aTheme:[{src:'../../assets/images/theme-default.png',title:'默认主题'},{src:'../../assets/images/theme-custom.png',title:'自定义主题'}]运行项目发现报错：theme-custom.png:1GEThttp:/

苏日俪格·2020-03-28 10:18

学习vue的一些资源

VUE资源列表Vue.js——60分钟组件快速入门（上篇）Vue.js——60分钟组件快速入门（下篇）采用vue+webpack构

yubang·2020-03-27 04:58

VueJS引入css或者less文件的一些坑

我们在做Vue+webpack的时，难免会引入各种公共css样式文件，那么我们改如何引入呢？引入时会有那些坑呢？

hawkzz·2020-03-23 18:41

VUE+WebPack游戏开发：神庙逃亡的游戏设计

从本节开始，我们进入新游戏的设计开发，当前这个游戏将作为一个引子，引入几个非常重要的游戏开发概念的技巧。游戏的基本内容如下：这里写图片描述一个小人在一条快速跑道上奔跑，跑道上会随机出现一些障碍物，玩家通过控制小人的奔跑位置躲避障碍物，一旦小人碰到障碍物，游戏就结束了。本次游戏的设计内容不难，但引入的几个概念却非常重要，今后我们更复杂绚丽的游戏设计都需要依赖于本节引入的概念和技巧,在本游戏中需要引入

望月从良·2020-03-22 17:52

收集

http://www.jianshu.com/p/5ba253651c3b博客（连载）：http://blog.csdn.net/fungleo/article/details/77584701（这个很全）vue

wangtieshan·2020-03-17 15:58

VUE+WebPack实现精美Html5游戏设计：纸牌战争

更详细的讲解和代码调试演示过程，请点击链接本课无需掌握VUE,只要了解javascript即可。从本节开始，我们将使用VUE和WebPack进行一系列非常有趣的前端游戏开发，这节我们要开发的游戏称之为纸牌战争，游戏的基本内容如下，游戏加载时画面如下：这里写图片描述玩家点击画面进入游戏，游戏启动后情景如下：这里写图片描述玩家可以选取画面给定三张牌之一，选定的牌会有一定的点数，同时系统也会随机生成一张

望月从良·2020-03-15 04:06

VUE+WebPack游戏设计：'乘法防线'游戏设计

更详细的讲解和代码调试演示过程，请点击链接从本节开始，我们进入新的游戏设计阶段。本次游戏设计，我们需要使用html5专有的canvas，也就是画布对象。同时为了便于在canvas上绘制图案，我们引入一个第三方库叫做CreateJS,它能帮我们管理在canvas上绘制的各种图形。这里写图片描述乘法防线的游戏目的是为了帮助小学生学习乘法运算法则。游戏的主要内容是，很多个盒子从天而降，盒子里面含有一个数

望月从良·2020-03-13 06:02

新建一个vue+webpack工程

vue的安装Vue.js不支持IE8及其以下版本，因为Vue.js使用了IE8不能模拟的ECMAScript5特性。Vue.js支持所有兼容ECMAScript5的浏览器。在用Vue.js构建大型应用时推荐使用NPM安装，NPM能很好地和诸如Webpack或Browserify模块打包器配合使用。Vue.js也提供配套工具来开发单文件组件。vue的安装依赖于node.js,去node官网下载个最新

小鱼_xiaoyu·2020-03-12 16:02

手动构建vue+webpack遇到的各种坑。。。

最近由于项目需要，自己开始着手于vue+webpack的学习。

青春几米光·2020-03-11 04:54

VUE+WebPack实现精美前端游戏：CardBattle的游戏场景设置

更详细的讲解和代码调试演示过程，请点击链接上一节，我们介绍了纸牌战争游戏的基本内容，本节我们进入游戏的具体设计和实现阶段。整个游戏分为三个场景，分别是启动场景，游戏场景，和结束场景。启动场景就是游戏正式开始前，页面显示给用户的启动界面，我们先看看这个启动界面是如何实现的。首先进入代码目录src/components,在里面生成一个新文件名为gamecontainer.vue,一个.vue文件对应一

望月从良·2020-03-09 00:35

vue+webpack学习之路（入门）

一.安装nodejs，这个网上已经有很多教程就不多说了，按照默认配置安装以后node里会自带npm包管理工具（1）安装npm淘宝镜像（可以在某些命令下用cnpm替代npm，下载安装的速度更快）npminstall-gcnpm--registry=https://registry.npm.taobao.org（2）facebook开源出新的包管理工具，yarn，亲测比npm好用许多，给个传送门，大家

WolfSheller·2020-03-08 08:56

vue项目的快速搭建

vue+webpack项目搭建过程：node和Git需要先安装好，然后检查版本1.全局安装npminstall-gvue-cli2.安装成功后在项目文件下运行Vueinitwebpack+项目名3.cd

吡啵吡啵萌萌哒·2020-02-28 17:06

vue+webpack备忘录热部署

环境环境是windows，没办法公司只有这个环境安装并创建项目好消息是直接从node官网就能下载，然后无脑安装即可创建一个文件夹做为工作目录G:\aleenlee\vuetestnpminit无脑回车得到package.json内容如下{"name":"vuetest","version":"1.0.0","description":"","main":"index.js","scripts":{

小妖精的简书·2020-02-28 12:25

vue+webpack解析vue页面，一切从最简单开始

这里是针对于vue1.0，如果要学2.0，建议大家去看官方文档vue2.0http://vuefe.cn/guide/vue-router2.0https://router.vuejs.org/zh-cn/essentials/getting-started.html对于webpack我就不做太多的解释了，网上有太多，大家自己去看。其实webpack很简单，但是对于刚开始的新手，从gethub上下

____雨歇微凉·2020-02-28 09:04

VUE+WebPack游戏设计:实现盒子爆破效果和界面美化

上节，我们完成了数字盒子的下落以及数字键盘的实现，当玩家点击键盘，点击的按键乘机等于下落的盒子数值时，游戏会把盒子给爆破掉，现在我们就来实现这个机制。要实现爆破效果，我们需要使用另一个第三方库tweenjs-0.5.1.min.js,先在index.html中添加对该库的引入：window.createjs=createjsMultiplyDefense接着我们在页面下方画一条分界线，盒子一旦落入

望月从良·2020-02-27 21:28

vue+webpack实现精美游戏设计:实现建筑物的渐变生成效果

上一节，我们实现了选取建筑物后，建筑物以半透明特效跟随鼠标移动的效果。这一节，我们要实现的是，当用户点击鼠标，将建筑物投放到指定区域后。建筑物的生成不能一撮而就，而是有要像红警或是星际那样，建筑物在最终生成时，有一连续的转变过程，经过一个动态流程的转变后才变成最终形态。本节代码完成后，我们会取得如下效果：这里写图片描述当用户点击后，建筑物开始形态如上图，经过大概几秒后，建筑物形态变成下面的样子：[

望月从良·2020-02-26 10:02

vue+webpack实现vue打包后生成配置文件用以外部修改公共路径

1、问题初衷解决问题的初衷，源于vue项目中公共路径在打包之后一旦遇到整体的路径更改就需要再次build一下。如果公司小，项目部署的实施人员又能随时联系到开发人员。直接简单的build一下就OK了。又或者开发人员自己直接就解决一下也行。但是公司一旦大，这期间的沟通，联络等等，顺利的话还行，不顺利呢。也不能让实施人员干等着。要是实施人员不用等开发人员用源码重新build的话，直接有一个外部的文件，直

站在大神的肩膀上看世界·2020-02-24 23:02

VUE+WebPack游戏设计：实现盒子动画和键盘特效

继上一节我们已经在画面上完成了数字盒子的绘制，现在我们就启动游戏主循环，在主循环中驱动游戏流程，在此，我们先实现盒子从上往下落的效果。在gamescenecomponent.vue中添加一下代码：exportdefault{data(){return{fallingSpeed:0.8,ticksPerNewBox:80....}代码中添加的两个变量将用来控制数字盒子下落的速度。createjs库给

望月从良·2020-02-23 17:10

VUE+WebPack前端游戏设计：实现物体的拖拽动态特效

上一节，我们介绍了太空版植物大战僵尸游戏的整体情况，并详解了如何建立游戏的基本框架，本节我们实现游戏中，道具的动态拖动特效，完成本节代码后，大家可以实现以下效果：这里写图片描述玩家先在底部的按钮中选择点击某个按钮，点击后图中的黄色方框会显示在页面上，这个方框是动态的，它会在指定位置一放一缩。当玩家在页面上移动鼠标时，方框会跟着鼠标移动，它会落入到鼠标所在的白色方块中。当玩家选定方块后，点击鼠标，那

望月从良·2020-02-23 02:26

VUE+WebPack前端游戏设计:实现外星人的动态下滑特效

在上一节，我们完成了道具在页面上的拖拽特效。当用户在页面底部点击按钮选择一个道具后，鼠标在页面上移动时，一个闪光方块会跟随着鼠标移动，一旦鼠标在页面上单击后，相应的道具就会出现在鼠标点击的地方。有了道具，本节我们要引入侵略外星人，完成本节代码后，可以得到如下效果：屏幕快照2018-03-16下午5.39.36.png页面上有两个外星人从高空徐徐下落，后面我们会开发代码，让用户拖拽的道具能阻止外星人

望月从良·2020-02-19 13:22

VUE+WebPack游戏设计：欲望都市,构建类RPG游戏的开发

本节开始，我们将基于上一个项目所学到的知识，利用createjs和Tween两个图形绘制库开发一款新的游戏，名为欲望都市。这个游戏具备一个特点就是2.5D,它是一种经济系统构建型游戏，开始时玩家得到的是一个空白的城市地图，玩家以市长的身份选择在城市中构建各种设施，通过不同设施的组合何以产生金币，基本情况如下：这里写图片描述玩家可以在每一个小格配置一种建筑，总共可以有三种建筑可以选择，一种是电厂，建

望月从良·2020-02-17 16:51

Vue-cli+Element+Less开发

☞☞个人主页欢迎访问☜☜友情链接:想要学习最简单最基础的Vue+Webpack等更多配置,可以Fork该项目,遇到问题可以直接newissue大家好，我是苏日俪格，这篇文章可能会有一些遗漏的地方，当初写完没有保存

苏日俪格·2020-02-16 04:55

Vue 2.x + Webpack 4.x的那些事---萌新必备

☞☞个人主页欢迎访问☜☜友情链接:想要学习最简单最基础的Vue+Webpack等更多配置,可以Fork该项目,遇到问题可以直接newissue大家好，本人名叫苏日俪格，现在很多的项目都使用了webpack

苏日俪格·2020-02-15 04:39

vue+webpack多个项目共用组件动态打包单个项目

修改了一些东西，因为sh脚本不能再window电脑执行，所以改成了node脚本。这是基于vue-cli2.0配置的，3.0的也是同样的道理。我现在的项目改成vue-cli3.0的了，实现了一个工程多项目共用一些资源，但是打包的时候只打包一个项目，并且每个项目也可以配置多页面，并且实现了自动化上传到测试服务器（生产没权限）和静态资源分离，一行命令就可以打包项目并且把静态资源上传到一个服务器，而htm

王_凯·2020-01-08 02:36

使用vue+webpack搭建vue项目

文章介绍一下使用vue+webpack搭建vue项目框架：第一步：建立项目文件夹，这里以名为root的文件夹举例。

榕榕vivian·2020-01-07 09:04

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

写在前面本文为系列文章，总共分四节：《Vue+Webpack使用规范》《Vue+Webpack开发可复用的单页面富应用教程（配置篇）》《Vue+Webpack开发可复用的单页面富应用教程（组件篇）》《Vue

Aresn·2020-01-05 01:06

vue 中使用webuploader

webuploader是jquery组件，在vue中使用有点坑，首先介绍下我的项目环境是vue+webpack搭建的，由于一些原因（具体就不谈了），不得不使用这个上传控件，遇到一些问题，好在是搞定了，现把使用方法总结一下首先引用

lyn911·2020-01-04 23:08

webpack3-坑不起

react+webpack或者vue+webpack都很火，但是不凡会遇到很多坑，这里我也遇到了，特别是在十万个cnm的IE上，我是哭了好久哟。

OnlyCozj·2020-01-01 19:26

推荐频道

vue+webpack