如何捆綁一個下載的庫

Question

我已經下載了一個javascript + css +圖像庫（dxhtml）並且想要捆綁它而不是在html中對腳本/ css導入進行硬編碼。但JavaScript不是一個模塊（它不會這樣做module.exports）。

什麼是實現這一目標的最佳途徑？我應該將庫中的主文件添加到webpack.config.js的entry？

我成功地捆綁了各種節點模塊，但我試圖包含本地文件沒有成功。

Answer 1

我通過配置帶有css-loader和exports-loader的webpack得到了這個工作。

CSS裝載機

關注的WebPack的官方CSS裝載機步驟： https://github.com/webpack/css-loader

JavaScript的出口裝載機

爲了加載JavaScript，使用出口裝載機來指定哪些功能你想要從DHTMLX文件中導出。首先，安裝出口裝載機：

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);