-
extract-text-webpack-plugin插件
就是把非js代码的text打包成一个静态资源文件。
查看全部 -
数据绑定
vue组件
render函数****
生命周期方法
computed
查看全部 -
hot 只渲染改动部分，不会整个页面重新渲染
#cheap-module-eval-source-map
查看全部 -
4. html-webpack-plugin a.require进来插件 b.在plugins里new一下
5.在webpack里用一些vue,react等框架时要用 webpack.DefinePlugin，里边定义的process.env里的变量在webpack编译以及我们自己写代码时判断环境都去可以去调用，webpack在打包时会根据不同的环境变量去打包不同的代码版本
查看全部 -
1.cross-env 不同平台上设置环境变量的方式不同，cross-env帮助不同平台写同样的代码就可以执行命令，eg: cross-env NODE_ENV=production (现在是mac写法，window应该写set 加上cross-env就可以帮助统一了)
2.process.env.NODE_ENV (启动脚本时设置的环境变量全部存在于process.env这个对象里)
3. XXX.devServer={}
查看全部 -
index.js
查看全部 -
1.新建一个空目录 cd进目录，执行npm init 可初始化出一个package.json文件
2.安装需要的包 npm install 包名，举例 npm install webpack vue vue-loader(install可简写i) 此处未区分dependency 和devdependency. tips:安装好后查看warn里是否还有依赖组件需要安装，若有根据提示install
3.新建webpack.config.js配置文件（打包前端资源）
4.新建入口文件：
a.index.js为开发入口文件 引入vue，实例化vue 挂载mount等
b.webpack配置文件会根据配置将index.js编译成一个浏览器可懂的生 产文件
6.指定webpack配置文件为之前定义好的：package.json的scripts中加入自定义命令 ，eg : "build":"webpack --config webpack.config.js"（指定项目的定制化webpack配置文件，防止调用全局webpack出现版本不一致等）
7.项目根目录下执行npm run build(build是我们6中写好的命令)
8.还需了解的 render函数，webpack常用命令
查看全部 -
vue要使用jsx语法
查看全部 -
vue工程的搭建
npm init
1、npm i webpack vue vue-loader
2、npm i css-loader vue-template-compiler
3、新建src目录并在src下新建app.vue
4、在app.vue中编写vue组件
5、在根目录下新建webpack.config.js
查看全部 -
网络优化：
减少http请求
压缩静态资源文件
使用浏览器强缓存使浏览器的流量变更小、加载速度更快
重点难点不是业务开发、性能要求并不是很高，不会做在线ps一样的应用
最重要的是前端工程化的问题。
查看全部 -
课程目标查看全部
-
课程目的查看全部
-
循环比较消耗资源:key用来标明下次循环有没有变动，如果key相同他会复用这个节点，不会生成新的节点删除原来的节点。这样可以提高效率
查看全部 -
学习记录：查看全部
-
npm init
npm install webpack vue vue-loader
查看全部
举报