js处理类语法 webppack无法处理一些ES6的高级语法，需要babel来处理，比如类.
1.装包
文章图片
2.配置正则
文章图片
3.配置.babelrc文件
文章图片
文章图片
render渲染组件
Document 最大不同就是会将原来的容器替换掉
在webpack中使用vue开发 直接
import Vue from 'vue'
是不行的
引用的是阉割版的vue，无法向平常那样写vue代码
回顾：包的寻找
文章图片
解决
1.直接引用
import Vue from '../node_module/vue/dist/vue.js'
【前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export】2.修改vue中package的main属性
文章图片
改为dist/vue.js
- 还是用
import Vue from '../node_module/vue/dist/vue.js'
但是修改webpack.config.json文件配置
文章图片
类似于重定向。
如果想要用阉割版的vue.js，咋办呢？
here
1.创建一个.vue文件
文章图片
2.在main.js中import
文章图片
但是这时候，webpack是无法处理打包.vue文件的。需要安装loader
- 安装loader
文章图片
此外在webpack.config.json文件中添加对应的loader规则
文章图片
文章图片
总结：
文章图片
export default&export export default
test.js, 暴露
var info={
name:"asd",
age:"12"
}
export default info
main.js
import m from './test.js'
console.log(m)
export
test.js 暴露
export var title='小星星'
export var content='123'
main.js 导入
import m,{title,ciontent} from './test.js'
按需导出，括号里的对象，需要多少导出多少。
引用时，名称改变
文章图片
总结
文章图片
推荐阅读
- web网页模板|如此优秀的JS轮播图，写完老师都沉默了
- 接口|axios接口报错-参数类型错误解决
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- 前端开发|Vue2.x API 学习
- JS/JavaScript|JS/JavaScript CRC8多项式 16进制
- vue|Vue面试常用详细总结