Webpack、数据表和 yadcf答案

【问题标题】：Webpack, datatable & yadcfWebpack、数据表和 yadcf
【发布时间】：2016-12-05 12:26:36
【问题描述】：

我正在尝试从 requirejs 配置切换到 webpack 配置，但无法使 yadcf 正常工作。

在我的 packages.json 中：

{
  ...
  "dependencies": {
    ...
    "datatables.net": "^1.10.12",
    "datatables.net-bs": "^1.10.12",
    "jquery": "^3.1.1",
    "yadcf-npm": "^0.8.9"
  }
}

我的 webpack.config.js ：

...
resolve: {
  alias: {
    ...
    datatables: path.join(__dirname, 'node_modules/datatables.net/js/jquery.dataTables'),
    datatablesBootstrap: path.join(__dirname, 'node_modules/datatables.net-bs/js/dataTables.bootstrap'),
    yadcf: path.join(__dirname, 'node_modules/yadcf-npm/jquery.dataTables.yadcf.js'),
  }
}

我的脚本：

define(['jquery', 'datatablesBootstrap', 'yadcf'], function($) {
    $(document).ready(function(){
        ...
        var myDatatable = dataTable = $('#elem').DataTable({
            ...
        });

        myDatatable.yadcf([
            ...
        ]);
    });
});

我一直遇到未定义 yadcf 的相同问题

Uncaught ReferenceError: yadcf is not defined(…)

你知道我在这里错过了什么吗？

【问题讨论】：

标签： javascript datatables webpack requirejs yadcf

【解决方案1】：

您应该使用 yadcf v0.9.1 ，因为在此版本中添加了对 AMD / CommonJS 的支持，并且它也应该与 Webpack 一起使用，您可以获取它 from npm 或 from github 或 bower...

【讨论】：

天哪，我发誓我用这个版本测试过，但是当我这样做的时候，我一定把 yadcf-npm 留在了我的 webpack 配置文件中。这次我也更新了 webpack 配置，并且成功了！谢谢先生。