webpack-port-collector
简体中文 | English
这是一个 webpack 插件,它收集电脑上使用webpack启动的项目。以下是一些会使用到的场景:
- 可以在cli项目中监控已启动的项目,方便启动、暂停或重启。
- 微前端场景下,在本机调试众多子应用时,可以使用这个插件进行统一管理。
- 如果你正在调试很多原子组件,并且组件分散在不同的项目中,可以使用这个插件进行统一管理。
- 欢迎在issues中提出更多场景,让插件更加通用
安装
npm i --save-dev webpack-port-collector
yarn add --dev webpack-port-collector
使用
每个子项目的webpack.config.js
const WebpackPortCollector = require('webpack-port-collector')
module.exports = {
entry: 'index.js',
output: {
path: __dirname + '/dist',
filename: 'index_bundle.js'
},
plugins: [
new WebpackPortCollector({
projectName:'webpack-demo',
filename: "localEntry.js"
})
]
}
参数
属性 | 是否必填 | 描述 |
---|---|---|
projectName | false | 已启动的项目名称,默认为package.json中的名称 |