NodeJS 操作方法需要注入函数的模块

NodeJS how-to require module which injects a function

本文关键字：函数 模块 注入 操作方法 NodeJS      更新时间：2023-09-26

我正在使用 webpack 捆绑使用 d3 和 d3.slider 模块构建的可视化，但这是一个更普遍的问题 - 我如何要求(( 一个模块，用函数(这里是 d3.slider(((修补模块(这里 d3.slider(((？

package.json：

{
  "name": "d3_slider_error",
  "version": "0.0.1",
  "description": "",
  "main": "",
  "scripts": {
    "test": "echo '"Error: no test specified'" && exit 1",
    "start": "webpack-dev-server"
  },
  "dependencies": {
    "d3": "^3.5.15",
    "d3-slider": "git+ssh://git@github.com:MasterMaps/d3-slider.git",
    "webpack": "^1.9.10",
    "webpack-dev-server": "^1.9.0",
    "html-webpack-plugin": "^1.5.0"
  }
}

webpack.config.js ：

var HtmlWebpackPlugin = require('html-webpack-plugin');
var path = require('path');
module.exports = {
    entry: "./src/main.js", // APP_PATH
    output: {
        filename: 'main.js',
        path: path.resolve('./dist') // BUILD_PATH  
    },
    module: {
        loaders: [
            //
        ]
    },
    resolve: {
        modulesDirectories: ['node_modules']
    },
    plugins: [
        new HtmlWebpackPlugin({title : "d3-slider-error"})
    ]
};

src/main.js：

var d3 = require('d3');
require('d3.slider');
var timeSlider = d3.slider();
console.log("Done!");

此日志：类型错误：d3.slider 不是一个函数

我找到了一个丑陋的解决方案，但由于没有其他问题，我在这里发布它。我将其添加到package.json依赖项中：

"script-loader": "git+ssh://git@github.com:webpack/script-loader.git"

然后在某个地方，例如在入口点中(假设 d3.slider 在 node_modules 中(：

require("script!d3.slider");
脚本

加载器在全局环境中执行一次脚本。应该适用于所有类似的问题，遗留脚本等。

相关文章：