webpack
qq_40036736
这个作者很懒,什么都没留下…
展开
-
webpack 如何编写一个 loader
Loader作用:打包一个类型文件或者模块此loader作用替换js文件中的dell字符cnpm init -ycnpm install webpack webpack-ci --savesrc index.js console.log('hello dell')webpack.config.js const path = require('pat...原创 2019-06-26 14:12:08 · 245 阅读 · 0 评论 -
webpack如何编写一个plugin
在某一些具体时刻上做出某一些动作是插件生效的场景设计模式:数据驱动,发布订阅 代码之间的执行通过事件来驱动的此插件介绍:整个打包业务结束,在dist目录下生成一个版权文件的功能实现cnpm init -ycnpm install webpack webpack-ci --savesrc index.js console.log('hello worl...原创 2019-06-26 20:45:44 · 854 阅读 · 0 评论 -
webpack底层原理 实现一个打包工具 bundler源码编写
类似于webpack打包工具的底层原理步骤:1.拿到入口文件的代码并读出来转化为js对象(抽象语法术parser)2.拿到所有模块的依赖 ‘./message.js’,放进数组中 引入第三方模块和babel相关3.对代码进行转换使浏览器能够执行从es6/es module语法转化目的:入口文件的完整分析node bundler.js //输出文件内容 实现 创建函数 传入入...原创 2019-06-28 11:32:35 · 1371 阅读 · 3 评论