随笔分类 -  webpack 配置

摘要:1. 什么是manifest? 浏览器运行 index.html 时,各种资源都要以某种方式被连接起来。manifest 就是 webpack 用来管理模块之间如何交互的标识符数据, 通过使用 manifest 中的数据,runtime 将能够检索这些标识符,找出每个标识符背后对应的模块 2. 如何 阅读全文
posted @ 2022-08-08 16:05 monkey-K 阅读(125) 评论(0) 推荐(0) 编辑
摘要:/** target: 1. 设置编译环境,常用 web node 2. 可以设置多个 3. 参数 https://webpack.docschina.org/configuration/target/ 4. 示例: module.exports = { target: 'node', } **/ 阅读全文
posted @ 2022-08-08 16:04 monkey-K 阅读(38) 评论(0) 推荐(0) 编辑
摘要:/** plugin: 1.完成loader不能完成的事情 2.本质上是一个具有 apply 方法的 JavaScript 对象。apply 方法会被 webpack compiler 调用,并且在整个编译生命周期都可以访问 compiler 对象 3.配置方式引入示例: plugins: [ ne 阅读全文
posted @ 2022-08-08 16:03 monkey-K 阅读(23) 评论(0) 推荐(0) 编辑
摘要:/** loader: 1.代码转换,预处理文件。比如 Typescript -> javascript; 图片 -> data URL 2.在一组use配置的loader数组中,loader从右到左,从下到上执行 3.loader 从模块路径加载(node-modules中),也可以是本地文件作为 阅读全文
posted @ 2022-08-08 16:02 monkey-K 阅读(24) 评论(0) 推荐(0) 编辑
摘要:/** output告知 webpack 如何向硬盘写入编译文件,最少有一个 filenname 属性,告知webpack输出文件的名称,且只能有一个 output 配置 1.output 常用对象属性: filename: 输出文件的名称,可以使用占位符来确保每个文件的名称唯一 path: 输出文 阅读全文
posted @ 2022-08-08 16:01 monkey-K 阅读(37) 评论(0) 推荐(0) 编辑
摘要:/** entry 对象属性: dependOn: 当前入口所依赖的入口。它们必须在该入口被加载前被加载。 filename: 指定要输出的文件名称。 import: 启动时需加载的模块。 library: 指定 library 选项,为当前 entry 构建一个 library。 runtime: 阅读全文
posted @ 2022-08-08 15:59 monkey-K 阅读(155) 评论(0) 推荐(0) 编辑
摘要:1. 如何关闭lint: 1. 关闭开始到结束 /* eslint-disable */ // 关闭检查开始位置 alert('foo'); // 关闭检查结束位置 /* eslint-enable */ 2. 关闭行 lint //下面的注释可以关闭某行的规则 alert('foo'); // e 阅读全文
posted @ 2021-08-17 17:01 monkey-K 阅读(456) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示