前端
文章平均质量分 91
向刚啊
青山一片云雾,心安即是归处
展开
-
Webpack系列笔记(一):初识webpack
Webpack究竟是什么? 是一个基于 NodeJS 的模块打包工具 常见的模块引入规范有: ES module、CommonJS、CMD、AMD ES module、CommonJS、CMD、AMD的区别 // ES module 模块引入方式 import Header from './header.js' // ES module 导出模块方式 export default Heade...原创 2019-07-30 14:41:25 · 157 阅读 · 0 评论 -
Webpack系列笔记(二):webpack核心知识(上)
2.1 什么是 Loader? 如果想要打包一个 png 图片,webpack 是不会知道要怎么打包的,因为它默认只知道怎么打包 js 文件,因此就需要在配置文件中的 module 配置项告诉 webpack 怎么打包 png 模块 loader 的执行有顺序,是从后往前执行,所以对css打包时,需把 style-loader 写在 css-loader 前面,使 css-loader 先执行 ...原创 2019-07-30 19:00:39 · 354 阅读 · 0 评论 -
Vue笔记
Vue笔记 Vue的指令 v-for 循环 <li v-for="item in list">{{ item }}</li> <!-- 循环 list,将list里面的每一项赋值给 item --> v-on 事件绑定 (执行事件的函数要写在 Vue 实例中的 methods 中,简写@,如:@click) <button v-on:click=...原创 2019-08-06 23:02:34 · 388 阅读 · 0 评论 -
js基础-理解call,apply,bind
一直搞不懂,直到在掘金上看到了它js基础-理解call,apply,bind原创 2019-08-09 09:48:22 · 138 阅读 · 0 评论 -
Webpack系列笔记(三):webpack核心知识(下)
文章目录2.7 使用 WebpackDevServer 提升开发效率2.8 Hot Module Replacement 热模块替换2.9 借助babel处理ES6语法 2.7 使用 WebpackDevServer 提升开发效率 会将打包的东西放到内存中来提升打包速度,因此出口文件夹dist中没有文件 目前为止,我们修改文件的内容后,想要再次打包,智能再次使用 npm run bundle ...原创 2019-09-05 15:51:02 · 205 阅读 · 0 评论 -
Webpack系列笔记(四):webpack高级概念
文章目录三、Webpack 高级概念3.1 Tree Shaking3.2 Development 和 Production 模式的区分打包3.3 Webpack 和 Code Splitting 三、Webpack 高级概念 3.1 Tree Shaking webpack在进行模块化打包的时候,会将模块中用得到的用不到的全部都打包,我们希望它只打包我们用到的,在 webpack2+ 引入了 T...原创 2019-09-09 22:29:34 · 186 阅读 · 0 评论