在 webpack 中暴露 UIkit答案

【问题标题】：Exposing UIkit in webpack在 webpack 中暴露 UIkit
【发布时间】：2018-04-10 10:30:38
【问题描述】：

对于像 webpack 这样的技术，我是个菜鸟，但我尝试学习它。

我在 Visual Studio 中使用默认的 Angular 4 + ASP.NET 核心项目，其中配置了 webpack。现在这个项目默认使用 Bootstrap，但我更喜欢使用 UIkit。 UIkit 有一个使用 UIkit 变量的 js 库。更多信息可以在here找到。

但问题是 webpack 似乎删除了全局 UIkit 变量。

我有 2 个 webpack 文件。一个webpack.config.js 文件和webpack.config.vendor.js 文件。

我尝试使用expose-loader 和provideplugin 公开它，但它似乎不起作用。我真的不明白为什么。我设法通过修改我的boot.browser.ts 并添加import "expose-loader?$!jquery";import "expose-loader?jQuery!jquery"; 来公开jQuery，但是当我想导入UIkit 时它会抱怨并说Module '"uikit"' has no default export.。

我真的很感激任何帮助，因为我完全被这个困住了，而且我对 typescript 和 webpack 的了解还不够深入

【问题讨论】：

标签： javascript typescript webpack getuikit

【解决方案1】：

添加这个，我认为这是打字稿打字的问题：

declare var UIkit:any;
export const uikit = UIkit;

或者直接安装

npm install --save @types/uikit

【讨论】：

我应该把这个放在哪里？在import UIkit from "uikit";下？
在 typings.d.ts 内，不在您的组件内
或者执行这个："npm install --save @types/uikit" 你会没事的 :)
我已经安装了 uikit 类型。我应该在 uikit 类型的 index.d.ts 中添加这些行吗？因为如果我这样做，它会说存在重复的标识符 uikit
安装了 types/uikit 就不要添加