![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack4
文章平均质量分 91
向刚啊
青山一片云雾,心安即是归处
展开
-
Webpack系列笔记(一):初识webpack
Webpack究竟是什么?是一个基于 NodeJS 的模块打包工具常见的模块引入规范有: ES module、CommonJS、CMD、AMDES module、CommonJS、CMD、AMD的区别// ES module 模块引入方式import Header from './header.js'// ES module 导出模块方式export default Heade...原创 2019-07-30 14:41:25 · 129 阅读 · 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 · 181 阅读 · 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 · 160 阅读 · 0 评论 -
Webpack系列笔记(四):webpack高级概念
文章目录三、Webpack 高级概念3.1 Tree Shaking3.2 Development 和 Production 模式的区分打包3.3 Webpack 和 Code Splitting三、Webpack 高级概念3.1 Tree Shakingwebpack在进行模块化打包的时候,会将模块中用得到的用不到的全部都打包,我们希望它只打包我们用到的,在 webpack2+ 引入了 T...原创 2019-09-09 22:29:34 · 173 阅读 · 0 评论