内容不够细，因为一些相对比较简单的，就随意带过了。希望文章能给大家带来帮助。如有错误，希望及时指出。例子都在learn-webpack仓库上。如果你从中有所收获的话，希望你能给我的github点个star。前面加上cheap的话 只会告诉你第几行cheap

1 创建项目文件夹 : webpack_test2 创建文件 package.json 3 安装webpack npm install webpack -g npm install webpack --save-dev. webpack

在实际开发中，使用vue 后就是前后端分离开发了，这时候我们就需要访问后台的接口来拿到数据，需要URL,name,password来获取到token才能正常使用接口，下面就来配置。if { // 判断是否存在token，如果存在的话，则每个http he

上上一篇我写过一些关于vue项目部署到linux服务器的文章，但是那是以node作为开发环境 pm2 守护进程的方式，让他能正常运行，可是还是出现了问题，因为属于与APP交互的页面，在webView中打开过慢，APP的用户体验非常的差，所以我查找了资料，改

hello,咱又见了~~嘻嘻。本次主要来说说这个打包优化的问题。一个vue项目从开发到上线必须得经历打包过程，一个项目的打包优化与否都决定了你这个项目的运行速度以及用户体验。本次主要是针对vue.config,js的配置进行优化。开发环境与生产环境的配置也

第一种可能出现原因就是引入的静态文件在src文件夹内，这种的解决办法就是把资源引入静态资源的目录static. 以上所述是小编给大家介绍的vue在index.html中引入静态文件不生效问题及解决方法,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编

Should we run `npm install` for you after the project has been created?npm WARN deprecated [email protected]: Switch to the `bfj`

//-------------------axios 结合 node.js 代理后端请求 start. // these devServer options should be customized in /config/index.js

你可能注意到了我们的静态资源共有两个目录src/assets和static/，你们它们之间有怎样的区别呢？为了回答这个问题，我们需要了解webpack是如何处理静态资源的。因为./logo.png并非一个Javascript，当将它作为模块依赖对待时，我们

在http1的时代，比较常见的一种性能优化就是合并http的请求数量，通常我们会把许多js代码合并在一起，但是如果一个js包体积特别大的话对于性能提升来说就有点矫枉过正了。而如果我们对所有的代码进行合理的拆分，将首屏和非首屏的代码进行剥离，将业务代码和基础

最近实习的项目需求上要求不多，就学了下项目优化，主要是首屏加载太慢。我们可以使用webpack可视化插件Webpack Bundle Analyzer 查看工程js文件大小，然后有目的的解决过大的js文件。npm install --save-dev we

今日使用 npm init webpack love 创建一个新项目，然后执行 npm run dev 之后项目报错，提示错误如下：。没有给这些选项指定值：config-name, context, entry, module-bind, module-b

所有的字体图标都不能正常显示了，报错提示不能解码字体。其实采用vue-cli 自动生成的配置文件已经完成了字体图标文件的编译，自己写的和自动生成的产生冲突

使用vue-cli+webpack创建的项目，修改文件名称或者更改文件的位置，运营时会报错，是因为npm项目，在安装依赖时，会记录当前的文件路径，当修改之后就无法正常启动。

写这篇文章的时候因为刚接触vue，所以捣鼓的时候有些迷糊。本来很简单的事情折腾好久。require.ensure的三个参数分别是：依赖的url，回调，自定义的chunk的名字。在很多情况下异步组件会配合vue-router使用来切换视图，其实这时候用哪种语

今天费了一下午的劲，终于在vue-cli 生成的工程中引入了jquery，记录一下。首先在package.json里的dependencies加入"jquery" : "^2.2.3"，然后install. var

伴随着vue的全球化，已经各种vue的组件框架越来越完善，从早期的element-ui到vux，iview等越来越多高质量的项目，使用vue进行前端构建已然是一件工程化，模块化，敏捷化的事情。在这其中，相信很多人都会选择官方的vue-cli初始化工程模板，

Vue之所以现在如此之火热，一部分也得益于有官方的脚手架生成工具Vue-cli,大大简化了初学者环境搭建的成本，但是实际业务中我们往往需要实现其他的功能来对webpack进行改造，本文将会根据一些实际的业务需求，先学习vue-cli生成的模版，然后在进行相

下面是具体实操。在装完node之后npm包管理工具也自动的安装好，安装完之后，在命令行输入node -v或者npm -v，出现版本号说明安装成功。替换成功后跑npm config get registry命令显示淘宝镜像路径的话就代表替换成功。

基于 vue.js 的前端开发环境，用于前后端分离后的单页应用开发，可以在开发时使用 ES Next、scss 等最新语言特性。│ ├── build-server.js 运行本地构建服务器，可以访问构建后的页面。│ ├── dev-c