6

我正在为我的 angular2 项目使用 angular-cli。在我的项目中，我想使用 jquery-ui。我安装了jquery-ui

npm install jquery jquery-ui

我编辑了我的 angular-cli-build.js

module.exports = function(defaults) {
  return new Angular2App(defaults, {
    vendorNpmFiles: [
          'jquery/src/jquery.js',
          'jquery-ui/jquery-ui.js'
    ]
  });
};

它将如何在我的 dist/vendor 文件夹中自动更新，我是否需要在我的 index.html 中添加 css 文件（如 css/jquery-ui.css）？

我已经从这个链接关注了 moment.js 集成，但它对 jquery-ui 没有帮助。我将欣赏 jquery-ui 与 angular-cli 集成的工作示例

4

3 回答 3

0

在 angular-cli.json 文件中导入脚本是更好的方法。通过您可以避免生产部署期间的问题。

"scripts": [
"../node_modules/jquery/dist/jquery.js",
"vendor/jquery/dist/jquery.min.js",
"'vendor/jquery-ui/jquery-ui.min.js"
],
于 2017-05-31T01:14:18.953 回答
0

当您在 angular-cli.json 文件的脚本部分中添加 .js 文件时，它应该如上述方法中所述那样工作。

有了这个，请将其添加到您的主模块类并检查它是否正常工作。

import 'jquery';
import 'jquery-ui';
于 2017-10-12T05:36:17.823 回答
0

在您的 angular-cli-build.js 中输入：

'jquery/dist/jquery.min.js',
jquery-ui/jquery-ui.min.js', </i>

然后在您的 system.config.ts 中：

const map: any = {
'jquery': 'vendor/jquery/dist/jquery.min.js',
'jquery.ui': 'vendor/jquery-ui/jquery-ui.min.js',

希望有帮助

于 2016-08-19T12:58:28.387 回答