小编SeB*_*eBe的帖子

我有两个模块 - 我的主项目和组件库 - 我想将lib链接到主项目.两者都在使用webpack并做出反应.所以我做了:

在comp-lib目录中:

npm链接

在项目目录中:

npm link comp-lib

该包显示在node_modules文件夹中,但是当我处理组件库时,更改不会反映在主项目中.我错过了什么？

我无法在Google上找到关于这个问题的东西,而npm链接文档只是说了一下这个例子:"现在,对〜/ projects/node-redis的任何更改都会反映在〜/ projects/node-bloggy/node_modules /中节点redis的/".

我想构建一个反应组件库作为节点模块,然后将其导入不同的项目.但是如果我尝试导入一个组件,它只返回一个空对象.

button.jsx:

import React, {Component} from 'react'

export class Button extends Component {

   render() {
       return <button className='btn'>Hello Button comp</button>
   }
}

export default Button

index.js

var Button = require('./button/button').default;

module.exports  = {
   Button: Button
}

webpack.config.js

const Path = require('path');

module.exports = {
   resolve: {
      extensions: ['.js', '.jsx']
   },
   entry: {
      app: './src/components/index.js'
   },
   output: {
      path: __dirname,
      filename: 'bundle.js'
   },
   module: {
    rules: [
        {
            test: /\.jsx$/,
            loader: 'babel-loader',
            query: {
                presets: [
                    'es2015',
                    'react'
                ]
            },
            exclude: …

我目前正在学习TypeScript,并对使用尖括号感到困惑.

我知道你可以使用它,例如泛型类型,然后括号会站在后面:

function myFn<T>(param: T): T {
  return param;
}

此外,如果您为泛型类型定义类型:

let identity = myFn<string>("hello world");

对于数组,您可以使用它来定义数组中的类型的两种方法之一:

let myArr: Array<number>;

在什么情况下,括号站在一个单词的前面？还有哪些用例可以使用尖括号？