Vue+Webpack

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

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

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

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

VUE学习笔记——vue+webpack脚手架搭建

使用VUE作为前端框架的环境搭建1安装node.jsnodejs的安装方式非常简单，在官网下载msi格式的安装包，傻瓜式安装，自动全局配置C:\Users\Administrator>node-vv10.12.0在cmd窗口用node-v即可查看版本号2切换淘宝cnpmnodejs带的资源安装方式是npm，但是连国外的网，这里将其切换成国内的私服，淘宝的cnpm是很好的选择npminstall-g
qq_39041578·2018-10-24 21:15

构建vue项目并发布在node服务上

2、所用技术有客户端使用：vue+webpack服务端则使用：node+koa.js3、项目搭建步骤如下:客户端搭建（开发时搭建）》新建项目文件夹，文件夹取名随便你，最好使用英文小写。
壹家全栈·2018-10-18 13:59

Vue+webpack项目配置便于维护的目录结构教程详解

新建项目的时候创建合理的目录结构便于后期的维护是很重要环境：vue、webpack目录结构：项目子目录结构子目录结构都差不多，主要目录是在src下面操作src目录结构src/common目录主要用来存放公共的文件src/components主要用来存放公共的组件src/config用来存放配置文件，文件目录如下src/config/index.js配置目录入口文件importapifrom'./w
不爱贞子爱爽子·2018-10-14 08:30

Vue+webpack项目配置便于维护的目录结构

新建项目的时候创建合理的目录结构便于后期的维护是很重要环境：vue、webpack目录结构：项目子目录结构子目录结构都差不多，主要目录是在src下面操作src目录结构src/common目录主要用来存放公共的文件src/components主要用来存放公共的组件src/config用来存放配置文件，文件目录如下src/config/index.js配置目录入口文件importapifrom'./w
anliu4881·2018-10-13 11:00

vue+better-scroll实现多tab选项卡上拉加载更多的实践例子

还有对vue不熟悉的，可以先去看看这个vue+webpack从入门到精通（基础篇）项目中上拉加载用到了很好用的工具better-scroll,各位可能都知道。
吹过麦田的风·2018-09-30 14:09

解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题

vue+webpack项目中数据更新后页面没有刷新问题，ie11下，如果GET请求请求相同的URL，默认会使用之前请求来的缓存数据，而不会去请求接口获取最新数据，我用的解决方法是在每个请求发送前，拦截请求并给请求接口的
爱吃排骨·2018-09-25 16:17

webpack+vue+express(hot)热启动调试简单配置方法

前言最近搞vue+webpack，vue的api还是比较容易懂的，每次build很复杂，这里就介绍下热启动调试吧，心累~~~ITDogFire�Csky工具及目录所用的到的简单工具webstorm+vue
ITDogFire·2018-09-19 11:24

vue+webpack 实现懒加载的三种方式

第一种:引入方式就是正常的路由引入方式constrouter=newRouter({routes:[{path:'/hyh',component:hyh,name:'hyh'}]})第二种:constrouter=newRouter({routes:[{path:'/index',component:(resolve)=>{require(['../components/index/index']
学富五车·2018-09-15 17:00

现在就出发，vue+webpack手动搭建一个测试项目

1.在码云上建一个项目2.gitclone然后新建一个dev分支3.在dev分支中开发，npminit初始化一个项目，然后安装cnpminstallvue--save；cnpminstallvue-loaderwebpackwebpack-clicss-loadervue-template-compiler--save-dev4.新建src目录...按照上一篇文章去建剩下的就好，测试打包，成功之后
jojo付啾啾·2018-09-05 16:11

现在就出发，vue+webpack手动搭建一个测试项目

1.在码云上建一个项目2.gitclone然后新建一个dev分支3.在dev分支中开发，npminit初始化一个项目，然后安装cnpminstallvue--save；cnpminstallvue-loaderwebpackwebpack-clicss-loadervue-template-compiler--save-dev4.新建src目录...按照上一篇文章去建剩下的就好，测试打包，成功之后
jojo付啾啾·2018-09-05 16:11

修改vue+webpack run build的路径方法

vue项目用webpack打包想要修改静态资源路径等,找到项目根目录下的config文件夹，打开该文件夹下的index.js文件，默认如下：//seehttp://vuejs-templates.github.io/webpackfordocumentation.varpath=require('path')module.exports={build:{env:require('./prod.en
若晨工作室·2018-09-01 16:46

拿到一个vue+webpack项目，该如何去看

这也是我目前自己这么理解的，可能每个人看代码的过程也不一样，我这里也是拿到一个项目之后不知道如何开始，所以自己在慢慢摸索，然后记录下来，希望自己能不断超越自己。这里我不能把公司项目亮出来，所以。。。只能记个大概1.先看配置文件package.json，里面定义了这个项目所需要的各个模块，以及项目的配置信息。scripts指定了运行脚本命令的npm命令行缩写，比如dev指定了运行npmrundev时
jojo付啾啾·2018-08-29 14:21

对vux点击事件的优化详解

我们可以用fastclick库来解决这个问题，具体步骤如下：这里以vue+webpack项目目录为例：1、打开node控制台，切换到自己的项目目录2、npm安装fastclick，并将版本信息写入本地packpage.json
草木黄尘·2018-08-28 09:03

vue+webpack 配置mock模拟数据

这里说的是指配置mock环境1、npminstallmock2、npminstallcross-env这是我的mock目录在package.json文件中配置使用cross-envNODE_ENV传入参数mock（至于为什么用cross-env：是兼容win操作系统）之后在config目录下的dev.env.js文件里设置这样就可以设置开发环境的env之后可以在main.js中设置至此，就可以使用
Mythsool·2018-08-24 16:53

抛开vue-cli，一步步搭建vue+webpack环境

最终效果Soeasy~Justdoit!前期准备工作一、编辑器配置高亮敲代码没有高亮简直蛋疼，简单带过下sublime打开—→点击Preferences下的PackageControl—→输入installpackage回车过一会儿—→再输入vuesyntaxhighlight回车，安装完毕—→点击sublime选择vuecomponent，即高亮二、webpack知多少入门Webpack，看这篇
杨肆月·2018-08-10 14:02

vue+webpack搭建项目及那些错误

搭建项目:1.vue-loader+wepack项目配置:1)新建一个项目文件夹并初始化npminit2)下载相关配置:npmiwebpackvuevue-loadercss-loadervue-template-compiler--save-dev3)在根目录下新建一个src文件夹在src中新建webpack.config.js和app.vue以及相关文件webpack.config.js最终文
cly1223_abby·2018-08-05 21:12

vue+webpack初始化项目一直卡住，在线求解！！！

一个月没有使用vue写项目了（一个月前使用vue脚手架还好好的)，但是前天突然想写一个demo，在使用vue-cli初始化项目的时候，发现一直卡主，无法进行下一步，附上截图我的本地全局信息初始化项目demo,创建webpack模板排除因素：网速问题,网速飞起，公司内部网速很快版本问题，vue+vue-cli+node+webpack都是目前比较稳定的缓存问题，npm缓存npm已转回国内淘宝镜像cn
放漾·2018-08-02 10:13

详解vue.js下引入百度地图jsApi的两种方法

但是单单通过引入的方法，对于使用单文件组件的vue+webpack开发的项目，显然是不够的。于是，通过网上查资料。这里找到了两种方法。直接引入sc
luoqua·2018-07-27 09:11

vue+webpack模拟后台数据的示例代码

一、在webpack-dev-conf.js文件中：1、在constportfinder=require(‘portfinder')后添加如下内容constexpress=require('express')constapp=express()//请求servervarappData=require('../mock/goods.json')//加载本地数据文件varapiRoutes=expre
冯琦杰·2018-07-26 11:56

基于vue+webpack的开发环境的搭建

工具：webpack（2018.1.5）、node注：新版的webstorm左下角会有Terminal按钮，电脑安装node之后点击该按钮会弹出node窗口，可以在该窗口中输入npm命令。1.配置vue-loader和webpack初始化项目目录npminit然后一直按回车选择默认，最后选择yes完成之后目录下会生成一个package.json文件，之后安装的vue插件都会在这个文件中显示信息。安
靜哥哥呀-·2018-07-21 21:28

vue+webpack把px转化成rem的实战例子

第一，首先需要本地安装node环境和配置。第二，npm全局安装vue-cli。第三，通过vue的脚手架初始化本地项目vueinitwebapckproject-name这里会自动安装基础依赖，先npnrundev一下，是否运行正常！第四，安装npminstallpostcss-px2rempostcsspostcss-loader--save第五，需要在webpack.base.conf.js文件
吹过麦田的风·2018-07-17 12:58

仿滴滴评价页面的原生js与vue方法实现

我做了两份代码，第一份是用js+webpack写的，第二份是采用vue+webpack写的
ccccheryl·2018-07-06 23:10

搭建vue+webpack 项目

首先非常感谢有关vue+webpack文档创建者，有的让我很迷茫，有的让我又惊又喜，因为根据自己的需要创建的方式也不一样，所以我就记录一种适合我开发的一种。
chenyang18·2018-06-03 11:29

高效开发 Web 单页应用解决方案

于2017年初，有在Github建立并维护一个项目：VueBoilerplateTemplate，欲成就一款开箱即用Vue+Webpack的脚手架模版；其目标与宗旨是：根据以往经验提供一些参考，对于如何构建中大型
晚晴幽草·2018-05-30 20:32

vue.js + webpack工程搭建

expectedindentationof2spacesbutfoundtab报错：解决方法4.webpack+vueli打包生成资源相对引用路径与背景图片的正确引用：方法5.Vue实战Vue-cli项目构建（Vue
qq_35149546·2018-05-26 20:11

使用vue-cli搭建简单的vue+webpack热更新项目

各种框架开发是相当流行，今天，带大家使用vue-cli搭建简单的vue+webpack热更新项目。准备工作：你的电脑要安装node（自带npm），这一点就不多说了,作为前端必备，哈哈。
crazy_jialin·2018-05-23 17:07

vue+webpack配置scss

1、package中添加依赖css-loader【作用：使@import和url()实现require()】style-loader【作用：使计算后的样式加入页面中】node-sasssass-loader2、webpack配置文件rules中添加{test:/\.vue$/,loader:'vue-loader',options:{loaders:{'scss':'style-loader!cs
kiddles·2018-04-25 15:51

vue+webpack实现异步加载三种用法示例详解

1.第一例constHome=resolve=>{import("@/components/home/home.vue").then(module=>{resolve(module)}}注：（上面import的时候可以不写后缀）exportdefault[{path:'/home',name:'home',component:Home,meta:{requireAuth:true,//添加该属性可
剁椒先生·2018-04-24 11:03

vue多页面开发和打包正确处理方法

前段时间做项目，技术栈是vue+webpack,主要就是官网首页加后台管理系统根据当时情况，分析出三种方案一个项目代码里面嵌两个spa应用(官网和后台系统)分开两套项目源码一套项目源码里面就一个spa应用思考
乘风gg·2018-04-20 14:06

vue+webpack 从入门到精通（二）

还对vue+webpack不熟悉的同学，请走这边：vue-cli+webpack从入门到精通（基础篇）这篇正式进入主题了，先来个数据渲染。在vue中渲染数据很方便，这也是喜欢vue的原因之一。
吹过麦田的风·2018-04-14 20:01

vue+webpack 从入门到精通（基础篇）

所谓工欲善其事必先利其器，众所周知vue+webpack的开发需要本地安装node环境（有还不知道的就先去知道知道再来看本博的文章吧）。
吹过麦田的风·2018-04-05 23:30

在vue+webpack项目中引入高德地图API

vue+webpack引入高德地图及使用相关功能1.申请key(高德地图API官网介绍的比较详细http://lbs.amap.com/api/javascript-api/summary/)2.引入高德地图
dadaDaShiXiong·2018-04-04 10:28

收集vue配合技术

http://www.jianshu.com/p/5ba253651c3b博客（连载）：http://blog.csdn.net/fungleo/article/details/77584701（这个很全）vue
around_primary·2018-03-19 17:05

详谈vue+webpack解决css引用图片打包后找不到资源文件的问题

使用vue打包，通过css引用图片资源。.img{height:500px;width:100%;background:url("./assets/img/1.jpg")no-repeat;background-size:100%;}热更新开发环境的效果是这样但打完包出来的页面却报找不到资源的错误。查了一下原因，css引入图片再打包后，style-loader无法设置自己的publicPath，于
GDUT_YIFEI·2018-03-06 10:26

解决vue+webpack打包路径的问题

最近写了一个vue小项目，不想单独作为一个web项目发布，所以就准备放到资源项目的public文件夹下，遇到一些小问题，在此总结一下。资源路径如下：public目录配置的访问路径为”/”，在这样的情况下，我们的访问路径就变成了”域名/vue-demo”。访问的时候发下程序未报错，但是页面一片空白。此前也这样发布的项目都没有问题，但这次是怎么回事呢？仔细探索后发现是vue-router搞得鬼。因项目
沃不打牌·2018-03-06 09:23

vue+webpack 打包文件 404 页面空白的解决方法

最近用vue-cli+vue-router+webpack建立项目，其中的遇到的三个问题，整理如下：vue-cli+webpack建立的项目，cnpmrunbuild打包项目之后，需要放在http服务器上才可以运行，例如：nginxvue单页面的启动页面是index.html,路由的路径实际是不存在的，所以会出现刷新页面404的问题，需要设置所有找不到的路径直接映射到index.html1刷新页面
xiaofenguo·2018-02-28 15:21

Vue+webpack项目基础配置教程

最近在学习webpack，跟着课程一个单页面应用，在这里记录一下。这个部分主要讲了如何配置webpack的环境，以及webpackdev的配置。记录比较粗略，后续会更新。1.开发环境：vscode,node.js,vue.js,webpack大家自己安装一下node.js可以参考菜鸟教程使用的IDE是VScode2.项目初始化快捷键ctrl+`打开vscode控制台vscode界面2.1安装web
阿r阿r·2018-02-12 10:07

vue+webpack实现异步组件加载的方法

8.9更新：之前想搬迁到csdn的时候由于邀请码问题迟迟没把博客转过来，所以跑去博客园了，今天发现csdn已经帮我把文章搬过来，有必要修正一下这篇文章。写这篇文章的时候因为刚接触vue，所以捣鼓的时候有些迷糊。----------------/*以下可以跳过*/-----------------本来很简单的事情折腾好久。1.vue文档只给出了Vue.component('comp_name',fu
weixin_36094484·2018-02-03 15:24

vue+webpack项目搭建

vue+webpack项目搭建1.首先搭建项目基本结构src文件夹:项目源代码所在的文件夹main.js项目打包入口的文件App.vue项目启动之后用户看到的第一个组件package.json项目描述文件
mhfe1234·2018-01-29 15:17

require和import的区别在哪

在vue+webpack的项目中，里面有使用require来引入文件，也有的用import来引入文件，两者之间是一样的吗？
喵大嗷·2018-01-24 11:51

Vue 后台模板 [Vue admin] SanJi Boot Admin Iview

导读：很久没有写文章了,最近一直在忙,之前一直想着可以把SanJiBootSecurity项目中的页面使用Vue+webpack进行重写,前几天算是阶段性的完成了这个计划,后期会随着SanJiBoot的模块不断增多对其进行对应的升级与扩展简介
yangrd·2018-01-11 00:00

基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果

效果图如下所示：在线地址:github.czero.cn/fancy点击下载安卓apk安装包源码地址:github.com/czero1995/f…项目主架构使用的库vue-cli(vue+webpack
rickchen·2018-01-09 16:32

vue+webpack解决css引用图片打包后找不到资源文件的问题

使用vue打包，通过css引用图片资源。.img{height:500px;width:100%;background:url("./assets/img/1.jpg")no-repeat;background-size:100%;}热更新开发环境的效果是这样但打完包出来的页面却报找不到资源的错误。查了一下原因，css引入图片再打包后，style-loader无法设置自己的publicPath，于
GDUT_YIFEI·2018-01-08 15:42

关于vue单文件中引用路径的处理方法

下文中讨论了几种不同场景下的的src处理，解释了在使用vue+webpack的开发过程中如何正确的引用静态资源（比如图片的处理）。
Curious·2018-01-08 10:23

Vue+Webpack构建项目

第一步:单纯的搭建出来我们的项目，并且通过webpack打包一个bundle.js然后运行起来步骤:1、建立项目必要的文件和文件夹(见截图)图片1.png2、配置webpack.develop.config.js，指定入口，输出文件图片2.png3、在main.js中写代码，App.vue中写代码图片3.png图片4.png4、让我们的项目能运行App.vue图片5.png图片6.png5、打包运
花开有声是我·2018-01-07 20:18

vue+webpack支持多页面打包

开始上手vue，用vue-cli脚手架搭建的环境只支持单页面打包，每一次开发新的页面都需要重新搭建一套新的脚手架，很麻烦。所以决定改配置，支持多页面打包。也支持多文件夹嵌套打包。上图是大致的项目结构。src/common存放一些公共的资源，src/view存放页面，每一个页面分别存放在一个文件夹下，支持路由。1.修改build/util.js，新增暴露几个新接口，分别去获取不同页面的入口文件，和复
GDUT_YIFEI·2018-01-06 15:25

vue+webpack dev本地调试全局样式引用失效问题

今天遇到了奇怪的问题，在main.js中引入全局样式，在组件中引用样式时，有些样式失效，有些样式生效。但是神奇的是build打包后样式是正常的。注册两字没有变成红色。。刚开始以为是class名字命名冲突之类的，网上查了很多资料，有提到说css文件中写了中文注释引起的，试过了不行。后来把所有的样式删掉，只剩一个样式，就生效了。好了，罪魁祸首就是空格符。build打包时会有压缩，所以不会有这个问题。进
大力酱·2017-12-28 17:22

项目问题总结【3】生活一直播

前端用vue+webpack的技术，前后端分离式开发项目。
yokohu·2017-12-28 17:31
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他