小编Kos*_*tya的帖子

每次新尝试我都会得到 2 个案例：

“无效的钩子调用” - 由于双重 React 环境。

“无法解析“react”” - 如果我将其从挂钩库中的 devDependencies 中删除。

目标是：建立正确的钩子库构建环境。

webpack.config.js

const path = require("path")

module.exports = {
    mode: "production",
    entry: "./src/index.ts",
    output: {
        filename: "index.js",
        path: path.resolve(__dirname, 'dist'),
        clean: true,
        library: "custom-hook-lib",
        libraryTarget: "umd"
    },
    externals: {
        'react': 'react',
        'react-dom' : 'reactDOM'
    },

    resolve: {
        extensions: [".js", ".jsx", ".json", ".ts", ".tsx"]
    },
    
    module: {
        rules: [
            {
                test: /\.(j|t)sx?$/,
                exclude: /(node_modules)/,
                use: 'ts-loader'
            }
        ]        
    }
    
}

包.json

{
  "name": "custom-hook-lib",
  "version": "1.0.0",
  "description": "", …