ng-devtools-open-editor-middleware

What's this

这是一个nodejs中间件，借鉴vue-devtools的open source code in editor能力，尝试在angular devtools实现同样的功能。该中间件的主要作用就是在src目录下根据angular的组件名称全文检索该组件路径。

How to use

``` npm install ``` 在webpack配置中添加如下代码： ``` //Webpack5

devServer: {

setupMiddlewares: (middlewares, devServer) => {

middlewares.unshift({

name: "open-editor",

path: "/__open-in-editor",

middleware: openInEditor("code"),

});

return middlewares;

},

},

// Webpack4 --

devServer: {

before(app){

app.use('/__open-in-editor',openInEditor("code")

}

},

```