-
报错信息
Module Error (from ./node_modules/vue-loader/lib/index.js):
vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.
原因参考
https://vue-loader.vuejs.org/migrating.html#a-plugin-is-now-required
解决办法
// webpack.config.js
const VueLoaderPlugin = require('vue-loader/lib/plugin')
module.exports = {
// ...
plugins: [
new VueLoaderPlugin()
]
}
查看全部 -
第一遍用了7个半天,第二遍只用了2个半天,已经基本上学会了利用webpack来搭建一个简单的应用了。老师讲的很好,过时的内容,不会的内容网上都可以查到,非常?
查看全部 -
这里打错了,应该是:historyApiFallback
文档:
https://www.webpackjs.com/configuration/dev-server/#devserver-historyapifallback
查看全部 -
#app{
position absolute
left 0
right 0
top 0
bottom 0
}
#cover{
position absolute
left 0
right 0
top 0
bottom 0
background-color #999
opacity .9
z-index -1
}
查看全部 -
一、前端的价值:
1、搭建前端工程:数据缓存、es6和less(可以加快开发效率)。
2、网络优化:http(所有静态资源都是通过http请求的)。
3、api定制。
4、node.js层。
二、vue-cli生成的项目就是基于webpack的前端工程。
网络优化:
减少http请求
压缩静态资源文件
使用浏览器强缓存使浏览器的流量变更小、加载速度更快
重点难点不是业务开发、性能要求并不是很高,不会做在线ps一样的应用
最重要的是前端工程化的问题。
查看全部 -
npm i html-webpack-plugin
查看全部 -
hot 只渲染改动部分,不会整个页面重新渲染
#cheap-module-eval-source-map
查看全部 -
小伙伴们,大家好,针对老师的视频教程,我整理了一份完整的源码,源码还有详细的注释和笔记,供大家学习时参考。
GitHub下载地址:https://github.com/Jasonccj/vue-webpack-todo
查看全部 -
还在找源码的小同学看这里,本人正在学习这个课程,欢迎小伙伴们一起交流
项目源码地址+超详细注释,小白和大神都可以一起交流哈
https://github.com/Jasonccj/vue-webpack-todo查看全部 -
1、数据绑定
2、Vue文件开发方式:组件化,写组件比较方便
3、render方法:(Vue的核心实现也变成了虚拟Dom),数据变化时启动render方法更新HTML
template标签里的所有节点最终都是通过render方法中的createElement方法创建一个个节点,得到一个节点树
5、要真正理解Vue的开发模式我们要理解它的render方法,这是我们深入理解Vue很需要掌握的一个知识
6、vue的api重点:生命周期方法、computed,
查看全部 -
vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.
报这行错是因为Vue-loader在15.*之后的版本都是 vue-loader的使用都是需要伴生 VueLoaderPlugin的。
参考官方文档 https://vue-loader.vuejs.org/migrating.html#a-plugin-is-now-required
在webpack.config.js中加入下面代码就行了
const path=require('path')
const VueLoaderPlugin = require('vue-loader/lib/plugin');
module.exports={
entry:path.join(__dirname,'src/index.js'),
output:{
filename:'bundle.js',
path:path.join(__dirname,'dist')
},
plugins: [
new VueLoaderPlugin()
],
module:{
rules:[
{
test:/.vue/,
loader:'vue-loader'
}
]
}
}
查看全部 -
hash 和 chunkhash 区别,就是 hash 是给同批次打包的文件用的相同的hash数,而chunkhash是根据每个chunk块单独用一个hash值
查看全部 -
unshift() 数组方法 向数组开头添加一个或多个item unshift(itme1,item2...,itemn) 最少添加一个 trim() 字符串方法,去除字符串开头和结尾的空格
查看全部 -
一、前端的价值:
1、搭建前端工程:数据缓存、es6和less(可以加快开发效率)。
2、网络优化:http(所有静态资源都是通过http请求的)。
3、api定制。
4、node.js层。
二、vue-cli生成的项目就是基于webpack的前端工程。
查看全部
举报