- 博客(4)
- 收藏
- 关注
原创 webpack编写Plugin
webpack编写pluginclass MyPlugin{ constructor(options){ } // Webpack 会调用 BasicPlugin 实例的 apply 方法给插件实例传入 compiler 对象 apply(compiler){ compiler.plugin('compilation',function(compilation) { }) }}module.exports = MyPlugin;Compiler 和 Compil
2021-08-02 19:11:09 204
原创 webpack自定义loader
webpack loader开发同步loaderconst loaderUtils = require('loader-utils');/** * * @param {*} content 文件信息 * @param {*} map 文件映射信息 * @param {*} meta * source是输入的内容 * sourceMap是可选的 * meta是模块的元数据,也是可选的 */module.exports = function(content, map, meta) {
2021-08-02 17:07:01 131
原创 webpack基础使用
# webpack基本使用## 样式资源引入import"index.css"{ test: /\.css$/, use: [ // 创建style标签,将js中的样式资源添加到header中生效,且不是直接写入到html中,是通过js执行时写入 'style-loader', // // 将css变成commonjs模块加载到js中,里面的内容是样式字符串 'css-loader' ]}处理css和js中的图片用到file-loader、url-load{
2021-08-02 14:32:18 159
原创 Tapable的使用
Tapable的使用Tapable是webpack核心同步钩子注册在该钩子下面的插件的执行顺序是顺序执行只能使用tap注册,不能使用toPromise和tapAsyncSyncHookconst { SyncHook } = require('tapable');const hook = new SyncHook(['name']);hook.tap('hello', (name) => { console.log(`hello ${name}`);});hook
2021-08-02 10:14:31 319
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人