Tag: bower

如何捆绑客户端组件（js / less / css / img）

作为一个团队，我们build立了客户端组件库。 每个组件都有一些资源（JS / LESS / CSS / IMG / FONTS）。 目前我已经探讨了描述客户端组件，我可以使用鲍尔/组件（如果有其他任何请让我知道）。 但我不知道如何（或者即使有可能）捆绑组件 。 让我们考虑一个场景： 所以现在，我已经描述了每个组件（包括Bower / Component或其他），例如： 组件A对jQuery，jQuery UI有依赖性 组件B对下划线，jQuery，Component A有依赖性 组件C对组件B有依赖性 组件D对组件A有依赖性 我想将它们捆绑在一个Web应用程序中。 例如，我想指定我的应用程序使用组件C和D.结果我会有一个： JavaScript bundle（bundle.js）与来自组件C + JavaScript的所有必要脚本的依赖关系 CSS bundle（bundle.css），其中包含来自依赖关系的组件C + CSS的所有必要样式。 当我使用LESS时，在中间有一个LESS – > CSS转换是很好的。 现在最终的任务是：在我的web应用程序中，我只想包含单个JavaScript bundle.js和单个css bundle.css。 我可以想象，有一个工具可以检查组件的元数据（bower.json / component.json / package.json），并对CSS / JS依赖关系图进行分析，并在输出捆绑包中只包含一次所需的文件。 但是如何实现呢？

npm bower安装失败（挂在同一个地方）

我一直试图重复安装凉亭几天。 安装挂在同一点 – npm verb about to build C:\Users\spjbd\AppData\Roaming\npm\node_modules\bower\no de_modules\insight npm info build C:\Users\spjbd\AppData\Roaming\npm\node_modules\bower\node_module s\insight npm verb linkStuff [ true, npm verb linkStuff 'C:\\Users\\spjbd\\AppData\\Roaming\\npm\\node_modules', npm verb linkStuff false, npm verb linkStuff 'C:\\Users\\spjbd\\AppData\\Roaming\\npm\\node_modules\\bow er\\node_modules' ] npm info linkStuff insight@0.4.3 npm verb linkBins insight@0.4.3 npm verb linkMans insight@0.4.3 npm verb rebuildBundles insight@0.4.3 npm verb rebuildBundles [ '.bin', […]

Grunt：找不到任务“grunt-bower”

我想通过使用npm install grunt-bower –save来为我的咕噜声安装包grunt-bower 。 安装之后，我在node_modules里看到了包grunt-bower 。 这是我的gruntfile.js ： module.exports = function(grunt) { grunt.initConfig({ bower: { dev: { dest: 'public', js_dest: 'public/javascripts', css_dest: 'public/stylesheets' } }, watch: { source: { files: ['sass/**/*.scss', 'views/**/*.jade'], tasks: ['sass'], options: { livereload: true, // needed to run LiveReload } } } }); grunt.loadNpmTasks('grunt-bower'); grunt.loadNpmTasks('grunt-contrib-watch'); grunt.registerTask('default', ['grunt-bower']); }; 我已经在官方网页上注册： grunt.loadNpmTasks('grunt-bower'); […]

Webpack＆Bower：多个css＆js文件

我刚刚开始使用Webpack（用于w / React），并且在试图引入bower包时遇到了一些问题。 我已经安装通过凉亭pickadate ，我有以下webpackconfiguration（ 原始 ）。 看看pickadate bower.json文件，它有一个数组，而不是只有一个string，因为它需要拉多个js和css文件。 // ./webpack/dev.config.js // … resolve: { modulesDirectories: [ 'src', 'node_modules', 'bower_components' ], plugins: [ new webpack.ResolverPlugin( new webpack.ResolverPlugin.DirectoryDescriptionFilePlugin("bower.json", ["main"]) ) ], extensions: ['', '.json', '.js'] }, 我的组件： import React, {Component, PropTypes} from 'react'; import $ from 'jquery'; import pickadate from 'pickadate'; class DateInput extends Component { […]

鲍尔 – 给注册包不同的path

我有我自己的克隆git存储库。 （ 我将使用克隆的jquery来简化 ） 我想能够链接一个注册的包名称给定的path，所以我可以这样做： “jquery”：“1.0.0” 我知道这是可能的只是给path，即 凉亭安装myJqueryPath 或者 ，添加到bower.json的依赖项 “jquery”：“myJqueryPath” 但是，再次，这些解决scheme不是我所期待的。 我想让鲍尔知道不要从github安装jquery（或任何其他包）。 但要从给定的存储库安装到它。 谢谢 ：） （我知道这是可能的，我不知道如何）

只有在尚未安装的情况下如何全局安装npm包？

我正在编写一个构build脚本，它执行如下命令： npm install bower -g npm install gulp -g 即使已安装这些软件包，在我的机器上安装这些软件包大约需要30-60秒（例如，从以前的构build脚本运行中安装）。 我想可能有一种方法来检测是否已经安装了bower或gulp ，在这种情况下跳过安装来节省一些时间。 是这样的可能吗？ 我该怎么做？ 我使用Windows和PowerShell，但我想在bash中的一些解决scheme可能可以移植到Windows …

为什么使用Bower.js如果npm工作正常？

在项目prarent目录中，如果我这样做， npm init 一个文件“package.json”被创build， 现在，如果我想安装像angular，jQuery和bootstrap这样的依赖关系，我可以这样做 npm install angular –save-dev npm install jquery –save-dev npm install bootstrap –save-dev 创build一个文件夹“node_modules”，具有上述依赖关系。 并在“package.json”中input相同的条目。 现在使用任何构build工具，如让说gulp.js， 我可以在我的SPA（单页面应用程序）index.html中注入“node_module”依赖项。 所以我的问题是，为什么要使用鲍尔？ 请让我知道一些指针

如果使用browserify和node.js commonJs，那么只会对css有用

我从这个堆栈溢出问题看到了bower和npm之间的区别： npm用于pipe理Node.js模块，但与Browserify或WebPack结合使用时也可以在前端工作。 npm是嵌套的依赖树，所以你的依赖关系可以有自己的依赖关系，它们可以有自己的…这基本上可以意味着相同模块的许多版本在一起，但不是服务器上的问题，并且Browserify只处理捆绑适当的模块。 鲍尔仅用于前端，并且考虑到了这一点。 它需要一个平坦的依赖关系树，将依赖关系parsing的负担放在用户上，这对客户端来说是有意义的，因为我们希望尽量减less包含的数量， 我的问题： 如果我们使用Browserify，使用bower来pipe理前端依赖关系还有什么意义，除了以下两个好处之外呢？ pipe理前端css模块包括，例如pure.css或bootstrap.css， 包括1个或2个大型JavaScript库，例如Angular，React或jQuery作为独立于您的Browserify包的页面上的全局版本 – 即使这意味着额外的http请求，也可以减lessbundle.js的膨胀

使用grunt编译less量内存问题

我目前正在使用鲍尔+咕噜build立我的网站。 bower.json依赖关系： "dependencies": { "jquery": "~2.1.3", "bootstrap": "~3.3.2", "admin-lte": "~2.0.0" }, 依赖在我的package.json ： "dependencies": { "grunt": "^0.4.5", "grunt-bower-concat": "^0.4.0" }, "devDependencies": { "grunt": "^0.4.5", "grunt-contrib-concat": "^0.5.1", "grunt-contrib-copy": "^0.7.0", "grunt-contrib-cssmin": "^0.12.2", "grunt-contrib-less": "^1.0.0", "grunt-contrib-uglify": "^0.7.0", "grunt-contrib-watch": "^0.6.1", "grunt-filerev": "^2.2.0", "grunt-usemin": "^3.0.0" }, 我正在使用AdminLTE 1.4.* ，一切都很好。 我更新到AdminLTE 2.0.0 ，当我尝试编译我的less文件我收到此错误： FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed – process out […]

错误：运行“bower install”时找不到模块“js-yaml”

我正在通过AngularJS应用程序的基本设置（刚入门），目前正在尝试为应用程序安装Bower组件。 当我从terminal运行bower install ，出现以下错误： Error: Cannot find module 'js-yaml' at Function.Module._resolveFilename (module.js:337:15) at Function.Module._load (module.js:287:25) at Module.require (module.js:366:17) at require (module.js:385:17) at Object.<anonymous> (Path\bower\node_modules\configstore\index.js:9:12) at Module._compile (module.js:425:26) at Object.Module._extensions..js (module.js:432:10) at Module.load (module.js:356:32) at Function.Module._load (module.js:311:12) at Module.require (module.js:366:17) at require (module.js:385:17) 我没有在我的脚本中的任何地方指定js-yaml模块（据我所知），所以不知道这个依赖来自哪里。 我已经尝试删除node_modules文件夹，清除npmcaching，包括package.json文件中的js-yaml ，然后重新运行npm install，但运行bower install时出现同样的错误 如果有帮助，我的bower.json和package.json文件如下所示： Bower.json { "name": "starter-node-angular", "version": "1.0.0", "dependencies": […]