使用 Angular-CLI 安装第 3 方 jquery-ui

2023-12-30

我正在为我的 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 集成link https://github.com/angular/angular-cli/wiki/3rd-party-libs#adding-material2-to-your-project但这对 jquery-ui 没有帮助。我将欣赏 jquery-ui 与 angular-cli 集成的工作示例


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

希望有帮助

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 Angular-CLI 安装第 3 方 jquery-ui 的相关文章

随机推荐