DreamFJ的博客

el-tab 按需加载 tab

vue-router 异步按需加载组件时增加loading

利用webpack的require.context读取文件

转自：https://blog.csdn.net/daihaoxin/article/details/106205639

vue 打包后 static 中图片路径不对的问题

[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.解决方法...

为什么要使用 prefetch？prefetch 可以在主文件加载完成之后再加载剩余内容，提高页面加载速度，避免资源浪费。所以我们在编写代码时，需要将初始化页面时不需要的方法、组件等提取出来，写成 prefetch 的形式。以 nification 为例：之前的使用方法这个提示是用户在点击按钮时调用的，再初始化页面的时候，是不会使用的，所以我们可以改写成 prefet...

转自：https://www.jianshu.com/p/6c3c33c43509

转自：https://juejin.im/post/5beae896f265da61682aebaerollup比较适合打包js的sdk或者封装的框架等，例如，vue源码就是rollup打包的。webpack比较适合打包一些应用，例如SPA或者同构项目等等。...

npm run dev 报错：getaddrinfo ENOTFOUND localhost和解决方法就是没有绑定localhost

vue项目打包后样式-webkit-box-orient: vertical居然神奇的消失了，好像跟optimize-css-assets-webpack-plugin这个插件有关，解决办法：https://github.com/postcss/autoprefixer/issues/7761.css2.scss要加"!"...

http://es6.ruanyifeng.com/#docs/intro文档讲的很详细了。其实很多技术文档都讲的很详细，只不过我刚开始看可能看不懂，然后有一天再看会突然明白它的意思，这就是书读百变的结果吧，然后实践实践实践！1.Babel是一个转码器，可以将ES6代码转换成ES5语法的代码，所以你可以大胆的写ES6代码，不用担心环境不支持2.Babel的配置文件.babelrc，注意前面...

我很生气！！我快对csdn失望了，我刚写了那么长一篇博客，发表后打开查看只剩两行本文基于微信公众号：前端js动力节点。最近出了webpack4，所以按照公众号里的步骤已经无法实现了，中途频频报错不过我们还是按照他的步骤一步一步来，看问题出在哪里，怎么解决今天我们来学习webpack的具体用法，不多废话，在D盘或E盘下新建一个空文件夹，那我就叫webpack好啦，建好后，进入这个文...

转自微信公众号：前端js动力节点。这节课我们讲配置文件。有了配置文件，我们可以直接执行webpack命令即可，不能再啰里啰嗦的指定源文件和目标文件了，不过webpack4x里也不用指定源文件和目标文件，不过我们还是可以试一试。我们在上节课的基础上继续。首先，我们需要在根目录下建立一个名为webpack.config.js的文件。注意哦，这个名字你别乱起，建好后如下图所示：...

改编自微信公众号：前端js动力节点。还是跟着公众号的小编一步两步一起做吧：有了前面两节作铺垫，下面的内容就容易的多了。今天我们看一下loader。 啥叫loader？从词意上看，load就是加载的意思。加载啥捏？就是各种工具。也就是说，我们要把代码打成模块、并翻译成浏览器识别的代码，是需要工具协助的。比如es6，我们要翻译成es5，就需要babel这个工具的支持；再比如c...

改编自微信公众号：前端js动力节点。webpack这个单词，我们可以拆开来读：web、pack。pack是啥意思？打包，对吧？所以webpack的核心就是打包，将所有的资源全部打包压成一个个模块，就像酱紫滴：我们这节课重点讲一下css的打包。有同学就犯嘀咕了：你说js打包我还能理解，而css打包是个什么卵？css还用打包？开什么国际玩笑？这种质疑不无道理。因为...

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

webpack4配置vue环境和一些小坑 不用脚手架，直接用vue和webpack搭建项目1.用命令npm init创建一个package.json文件2.安装webpack，vue，vue-loader，npm install webpack vue vue-loader装好后会有一个警告，说vue-loader依赖css-loader，所以继续装css-loader，npm...

1.在码云上建一个项目2.git clone然后新建一个dev分支3.在dev分支中开发，npm init初始化一个项目，然后安装cnpm install vue --save；cnpm install vue-loader webpack webpack-cli css-loader vue-template-compiler --save-dev4.新建src目录...按照上一篇文...

assets和static的区别vue中 静态文件引用注意事项

我仔细考虑了一下，大概可以这么解释：webpack是个风流成性的交际花，她跟很多有名的框架都搞上了关系，借着这些框架的名气，自己的身价也倍增；而gulp则是个恪守妇道的名媛望族，她只是做好自己的分内事，不求名不图利，不乱搞关系。所以说，很多同学都认为webpack是react或vue的官方指定配套工具，这种认识是错误的。因为交际花不仅接名人的生意，普通老百姓只要有钱也可以的嘛，不挑。所以，今天我们就先把她从名人身边拉开，单独隔离起来，好好研究一下她到底有何伎俩？