Question

我正在为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）？

我已经跟踪了这个link的时刻.js整合，但它对jquery-ui没有帮助。我将欣赏jquery-ui与angular-cli

集成的工作示例

Answer 1

在你的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',

希望有所帮助

Answer 2

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

"scripts": [
"../node_modules/jquery/dist/jquery.js",
"vendor/jquery/dist/jquery.min.js",
"'vendor/jquery-ui/jquery-ui.min.js"
],

Answer 3

当你在angular-cli.json文件的scripts部分中添加.js文件时，它应该像上面的方法中提到的那样工作。

请将其添加到主模块类中，并检查它是否正常工作。

import 'jquery';
import 'jquery-ui';

使用angular-cli

3 个答案: