如何捆绑下载的lib

Question

我已经下载了一个javascript + css +图片库（dxhtml），想要捆绑它而不是硬编码html中的脚本/ css导入。但是javascript不是一个模块（它不是module.exports）。

实现这一目标的最佳方法是什么？我应该将库中的主文件添加到entry中的webpack.config.js吗？

我正在成功捆绑各种节点模块，但我试图包含本地文件但没有成功。

Answer 1

我通过使用css-loader和exports-loader配置webpack来实现这一点。

CSS Loader

按照webpack的官方CSS加载程序步骤操作： https://github.com/webpack/css-loader

JavaScript导出加载器

要加载JavaScript，请使用exports-loader指定要从DHTMLX文件导出的函数。首先，安装exports-loader：

npm install --save-dev exports-loader

接下来，指定要从dhtmlx导出的函数：

require('./dhtmlx/tree/codebase/dhtmlxtree.css');

var dhx = require('exports?' +
    'treeObject=dhtmlXTreeObject' +
    '!./dhtmlx/tree/codebase/dhtmlxtree.js');

var myTree = new dhx.treeObject('treeboxbox_tree', '100%', '100%', 0);