2019-11-11

vue

全局组件注册方法:Vue.component("mycom1",{
template:' '
})
私有组件注册方法:
var vm=new Vue({
el:' ',
data:{},
methods:{},
components:{
login:{
template: ' '
}
}
})
组件内部可以有data数据,function return对象
data : function () {
return {
msg:" "
}
}
CommonsChunkPlugin:主要是用来提取第三方库和公共模块。
https://segmentfault.com/a/1190000012828879
CommonsChunkPlugin中的chunk有哪几种?
1.入口文件中的chunk,也称为entry chunk
2.通过代码分割entry chunk出来的chunk,称为children chunk
3.通过CommonsChunkPlugin创建出来的文件也是chunk
抽离第三方库vendor\自定义公共模块common\webpack运行文件runtime
配置属性有:
name:如果和entry chunk重名,则合并;否则创建
filename:抽取出来的名字
chunks:从哪抽取
minChunks:分级抽取

[name].js是占位符,如果有多个入口文件,设置出口文件时使用。
webpck-cli这个工具用于在命令行中运行webpack
安装一个打包到生产环境的安装包时,使用npm install --save
安装一个用于开发环境的安装包时,使用npm install --save-dev
HtmlWebpackPlugin插件的作用:自动生成index.html,并且将所有的bundle自动引入到html中。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 6,696评论 0 6
  • 深入响应式 追踪变化: 把普通js对象传给Vue实例的data选项,Vue将使用Object.defineProp...
    冥冥2017阅读 10,309评论 6 16
  • <!DOCTYPE html> 14_class 1. 通过class定义类/实现类的继承 2. 在类中通过c...
    1907刘臻阅读 2,144评论 0 0
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 8,175评论 1 4
  • 基本格式 以json的形式、将数据(支持所有格式)挂载在vue的data上、方法挂载在vue的methods上。 ...
    kirito_song阅读 4,266评论 0 21

友情链接更多精彩内容