VModule webpack plugin
VModule 是一个用于创建虚拟模块 webpack 插件。
大约有如下使用场景:
- 需要在构建阶段将动态计算后结果生成一个模块
- 构建后的运行时代码需要引用一些构建阶段的环境变量或其它数据
安装
$ npm i vmodule-webpack-plugin --save
使用
在 webpack.config.js 中配置 VModule
const webpack = require('webpack'); const VModulePlugin = require('vmodule-webapck-plugin'); module.exports = { ... plugins: [ //返回对象的虚拟模块 new VModulePlugin({ name: 'demo-module1',handler: function() { return { name: 'demo',env: process.env.NODE_ENV }; } }),//返回代码的虚拟模块 new VModulePlugin({ name: 'demo-module2',code: true handler: function() { reutrn ` exports.say = function(text) { console.log('say:',text); }; `; } }) ] ... };
在代码中使用虚拟模块
const module1 = require('demo-module1'); const module2 = requrie('demo-module2'); module2.say(JSON.stringify(module1)); //打印 //say: { "name": "demo","env": "NODE_ENV 的值" }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。