为什么要使用Webpack：https://www.jianshu.com/p/dce4e36b4204
vue+webpack：https://www.cnblogs.com/ygming/p/8453255.html
考试：https://blog.csdn.net/SU_Devops/article/details/86653070
vue面试题：https://www.jianshu.com/p/2ed9f54a3ff2
2019-9-27 webpack
项目结构
webpack基于node.js
安装：npm i webpack -g 全局安装
npm init -y ==> package.json(描述文件，包的索引)
然后下载jquery包，npm i jquery -s
然后要怎么使用呢？不能像以前一样直接在index中的script标签中直接引入
webpack的出现就是为了解决这个问题的，防止发送二次请求
那么我应该怎么在webpack中使用呢
那就是我们把所有的文件都在main.js中写。然后我们只引入main.js就可以了
那问题来了，我们怎么这个js中引入：js，css文件呢
这个意思是导入jquery用$符号接收
和node.js中的const $ = require('jquery')意思一样
然后还是会出错，因为浏览器还没有完全兼容@import ES6语法
对了，这里的@inport 直接导入，不用找路径吗？ 难道他会知道默认的node_modules
这时webpack就站出来了，将其打包。所以他的作用不是为了不发送第二次请求，不过
打包之后就可以解决这些二次请求的问题了呀。貌似也是可以的
ok，简单的来说就是，把要处理的文件交给webpack，然后输出
这样浏览器就可以识别了
怎么说呢！webpack也就四个模块：output entry 插件，加载器
就这几个；然后因为方便打包，还有浏览器的自动更新。多了哪些插件而已
既然是插件，那么一定要放到配置文件的插件里边去
从第五天的视频开始；
使用webpack打包css文件：默认webpack只打包js文件，
需要安装loader加载器
加载css样式使用link的呀
不在node_modules文件中
自己写的css文件名，导入的时候@import 相对路径
因为js要暴露成员，而css文件不需要 也是js因为要使用函数
这是在前面配置好的webpack，
现在当我们直接保存的时候，会自己在终端上运行
也会有错误的提示
当我们使用包管理工具之后，就不用担心路径了，install
之后，在指定目标下边就会自动生成node_modules文件和一个json文件了
在webpack中默认只能处理一部分ES6的新语法，一些更高级的ES6的新语法或ES7语法，webpack处理不了
package.json json文件里面不能写注释
webpack官方文档：https://www.webpackjs.com/concepts/
就这样吧！遇到问题再说吧，对webpack又有了一个新的认识
不可能记住所有的，认知到他是什么，有什么作用就好了
用到的时候上官方文档
2019-9-27 开始Vue项目
Vue必须要导入，然后要自己在官网下载vue.js
然后放在项目的lib下
1.在页面中渲染基本的组件
var login ={
template：'<h1>这是登录组件</h1>'
}
var vm = new Vue（{
components:{
login
}
}）
2.render函数渲染组件
为什么要用render函数渲染组件
这就样吗？没了 .... 说是和v-text一样，就只能放自己一个组件
#：区分在webpack中导入vue和script中导入vue
如何在webpack构建的项目中，使用vue进行开发
有什么区别呢！既然这样了，那肯定有区别的
不能像平时在webpack main.js 中直接引包，然后
写vue实例。 这是为什么呢
为什么import导入vue会不完整
最里层的main属性是指定这个包在被加载时候的入口文件
在webpack中只导入了这个common.js
我们在网页中导入的是vue.js这个文件
那怎么使用这个呢！第一种：直接修改main中的指定入口文件或者修改文件路径
第二种如图：在webpack.config 配置文件中添加resolve对象
然后现在又用render函数进行渲染组件
然后在用不严格的vue导入方法
然后在创建了一个叫login.vue的文件
这个文件只放组件，然后由三个部分组成
template script style
那怎么把login.vue中的文件渲染到
index.html文件中去呢
在使用webpack构建的Vue项目中使用模板对象
需要安装第三方loader
.vue文件又识别不了，
我记得MUI中不是有一个.vue文件吗？
格式跟这个一样的。所以MUI代码段的项目目录构建是用
webpack实现的吗？不然浏览器怎么会识别呢
这整得我有点懵啊....
转载于:https://www.cnblogs.com/Py-king/p/11582609.html
