Webpack、数据表和 yadcf

Question

我正在尝试从 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(…)

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

Answer 1

你应该使用 yadcf v0.9.1 ，因为在这个版本中添加了对 AMD / CommonJS 的支持，它也应该与 Webpack 一起工作，你可以得到它 from npm or from github 或 bower...

Webpack、数据表和 yadcf

Webpack, datatable & yadcf

javascript

datatables

requirejs

webpack

yadcf