![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 85
赵sir来了
taste new experience
展开
-
深入学习webpack 4.x核心用法及其源码(五)
自己编写一个 Loader目录结构:我在 loaders 目录下写了一个 replaceLoader.js 的文件,代码如下:module.exports = function(source) { return source.replace('world', '你好')}其实 Loader 就是一个函数,但是不可以使用 箭头函数 ,为什么?因为箭头函数会改变我们的指向s...原创 2020-03-22 18:45:34 · 140 阅读 · 0 评论 -
深入学习webpack 4.x核心用法及其源码(四)
这一章主要是一些关于 webpack 打包组件、库的一些配置引入方式我们可以通过配置 webpack 来实现不同方式的引用,不管是 import 、require、AMD方式 引入都可以正常的引入,通过把 libraryTarget设置成 umd 就可以了webpack.config.jsmodule.exports = { entry: './src/index.js', ...原创 2020-03-14 21:33:36 · 159 阅读 · 0 评论 -
深入学习webpack 4.x核心用法及其源码(三)
想实现更小的打包内容。Tree Shaking介绍webpack 2.0 之后开始提供;Tree Shaking 只支持 ES Module(import) 的引入具体什么意思呢?如果你想导入一个 .js 文件(多个方法)中的一个方法。webpack 默认会将这个文件中的所有代码都打包,这就不是我想要的,我要的是我导入那个就给我打包那个方法,所以我们需要借用 Tree Shaking ...原创 2020-03-08 16:27:06 · 179 阅读 · 0 评论 -
深入学习webpack 4.x核心用法及其源码(二)
上一小节我简单介绍了 webpack 的一些用法,它的核心用法我还没有介绍,webpack 默认只会对 js 的一些代码进行打包,不可以对 css 样式进行打包,或把二进制图片打包成 data URL,热更新Loader介绍loader 用于对模块的源代码进行转换。例如:typescript 转换成 js,less 转换为 css 等。使用webpack 4.x 有三种使用 loader...原创 2020-02-11 18:37:13 · 146 阅读 · 0 评论 -
深入学习webpack 4.x核心用法及其源码(一)
注:我是用的是webpack 4.x 版本什么是webpack?它就是一个 模块打包 工具 (Module Bilder)模块加载方式它就是我们使用导入或导出模块的规范,主要有四种:CommonJS (node)就是使用 require 导入,module.exports 导出ES6 模块 (常用)使用 import 导入,export 导出AMDCMD安装最好是安装...原创 2020-02-09 18:02:59 · 162 阅读 · 0 评论 -
如何使用 webpack ?
如何使用 webpack ?在学习 webpack 之前应该掌握的知识有:nodeES 6什么是webpack?webpack 是前端的一个项目构建工具,它是基于 Node.js 开发出来的一个前端工具;webpack 可以干什么可以处理 js 之间互相依赖的关系可以处理 js 的兼容问题安装方式全局安装: (推荐)npm i webpack -g项目根目录安装...原创 2019-06-01 20:13:33 · 150 阅读 · 0 评论 -
React 初探
简介React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。官网:https://www.reactj...原创 2019-08-31 20:02:30 · 153 阅读 · 0 评论