bower和requirejs配置路径
bower和requirejs是两种常用的前端包管理工具。
- bower：
- 概念：Bower是一个用于管理Web前端包依赖关系的包管理器，类似于Node.js的npm。它允许开发者轻松地安装、更新和卸载前端库。
- 分类：Bower是一个命令行工具，用于管理前端库的依赖关系。
- 优势：Bower具有简单易用、轻量级、易于维护和更新的特点。它可以帮助开发者快速引入和管理各种前端库，提高开发效率。
- 应用场景：Bower适用于任何需要使用前端库的项目，特别是在构建Web应用程序时，可以方便地引入和管理各种前端库。
- 推荐的腾讯云相关产品：腾讯云提供了对象存储 COS（Cloud Object Storage）服务，可以用于存储和分发前端库文件。链接地址：https://cloud.tencent.com/product/cos
- requirejs：
- 概念：RequireJS是一个JavaScript模块加载器，用于在浏览器中异步加载模块。它可以帮助开发者组织和管理JavaScript代码，实现模块化开发。
- 分类：RequireJS是一个用于模块加载的工具。
- 优势：RequireJS具有模块化开发、异步加载、依赖管理的特点。它可以提高代码的可维护性和可重用性，加快页面加载速度。
- 应用场景：RequireJS适用于任何需要模块化开发的项目，特别是在大型Web应用程序中，可以帮助开发者组织和管理复杂的JavaScript代码。
- 推荐的腾讯云相关产品：腾讯云提供了云函数 SCF（Serverless Cloud Function）服务，可以用于部署和运行JavaScript代码。链接地址：https://cloud.tencent.com/product/scf
需要注意的是，以上推荐的腾讯云产品仅供参考，具体选择还需根据实际需求进行评估和决策。
相关·内容
我在我的项目中安装了masonry 3.0，但得到了一些错误：
GET http://localhost:3000/get-style-property/get-style-property.js 404 (Not Found) require.js:1880
Uncaught Error: Script error for: get-style-property/get-style-property
http://requirejs.org/docs/errors.html#scripterror require.js:163
GET http://localhost:3000/get-si
浏览 3提问于2013-07-20得票数 1
我有一个dir结构：
webapp
├──static
│ ├── app
│ ├── config.js
│ ├── frontpage.js
│ ├── profile.js
│ └── utils.js
Gruntfile.js
而且，我正在尝试使用grunt-contri刻度要求来优化profile和frontpage的依赖关系。现在我的config.js看起来像：
require.config({
{
baseUrl:"/static/ap
浏览 6提问于2015-05-05得票数 1
2回答
我正在使用requirejs和gulp来构建angular应用。我使用amd-optimize和gulp-requirejs-optimize将所有js文件添加到单个文件中。这是我的main.js文件：
require.config(
{
paths: {
app : 'app',
angular : '../bower_components/angular/angular',
jquery : '
浏览 0提问于2015-04-20得票数 1
我正在配置我的Gruntfile，我被困在一些我认为应该是可能的事情上，但我无法为它找到正确的配置。我正在尝试将我的bower组件复制到我的dist中，并使用grunt-contrib-requirejs模块进行构建。我被卡住的部分是在复制到dist时保持文件夹结构的灵活性。
Gruntfile.js
app/
- assets/
- bower_components/
- js/
- img/
- etc/
- index.html
目前，我在复制模块中定义了每个文件，然后复制所有文件
copy: {
dist: {
浏览 0提问于2014-04-03得票数 0
1回答
问题
我有一个成功完成的构建，除了那些依赖于其他库的库之外，大多数库都是可用的。
示例
例如，下划线字符串依赖于下划线，并将自己作为_.string附加到下划线命名空间，但该函数在应用程序中不可用。这和我在moment.range上遇到的问题是一样的。
RequireJS配置
{
"name": "app",
"dir": "client-compress",
"baseUrl": "client-dist",
"preserveLicenseComments": true,
浏览 5提问于2013-09-29得票数 1
当我尝试用npm和grunt设置一个页面时，我得到了一个错误。
Request URL:http://localhost:9997/bower_components/requirejs/require.js
Request Method:GET
Status Code:404 Not Found
它遇到麻烦的html如下所示：
<script>
var require = {
baseUrl: '/',
paths: {
'unde
浏览 0提问于2016-06-22得票数 1
1回答
我的应用程序使用了约曼主干网生成器。我想用把手做模板。当我包含一个垫片时，它在grunt serve的开发中发挥了很大的作用。
// main.js
require.config({
shim: {
bootstrap: {
deps: ['jquery'],
exports: 'jquery'
},
handlebars: {
exports: 'Handlebars'
}
},
paths: {
jquery: '../bower_compone
浏览 2提问于2014-06-03得票数 1
回答已采纳
我应该如何使用通过bower安装的requirejs-text？我应该把它放在baseUrl中，但不知道我是否可以从components/requirejs-text/中使用它？最佳实践是什么？
浏览 0提问于2013-05-13得票数 11
回答已采纳
好的，有一堆类似标题的问题，但没有一个问题帮助我解决了我的问题，就这样吧。
我试图在RequireJS中使用Uncaught TypeError: Cannot read property 'module' of undefined；我得到了错误消息Uncaught TypeError: Cannot read property 'module' of undefined，它指的是angular-routes.js file中的angular对象。这对我来说意味着requireJS试图在角加载之前加载角路径.我当时的印象是，这种情况不会发生，因为我把“角度路线”
浏览 2提问于2015-05-03得票数 1
回答已采纳
我正在使用karma.js和require.js在VisualStudio解决方案中。我的解决方案有两个项目，一个用于代码，一个用于测试。
如果我引用位于我的Test.Project中的库，下面的要求配置对我来说很好：
requirejs.config({
baseUrl: '/base',
paths: {
'jquery': 'bower_components2/jquery/dist/jquery'
},
deps: tests,
callback: window.__karma__
浏览 0提问于2017-06-26得票数 0
我有这个bower.json：
{
"name": "project",
"version": "0.1.0",
"private": true,
"dependencies": {
"requirejs": "2.1.17",
}
}
当运行bower install bower.json时，它会将其安装在其他地方。如何让它安装在当前文件夹bower_components中
我也试着从命令行安装了一个，但没有在本地安装。
bower in
浏览 0提问于2016-10-18得票数 0
我使用的是yeoman和grunt构建失败，出现错误"Loader plugin not call the load callback in the build: text“。
我已经看到了问题，但是更新requirejs对我没有帮助。控制台输出如下：
PS D:\...> bower -version
1.2.7
PS D:\...> npm -version
1.3.11
PS D:\...> bower ls
bower check-new Checking for new versions of the
浏览 5提问于2013-11-06得票数 1
我的JavaScript文件有两个位置，是否可以设置两个baseUrls，以便我以后可以移动它们，而不必更新大量路径？
例如：
require.config({
baseUrl: 'bower_components',
paths: {
backbone: 'backbone/backbone',
underscore: 'underscore/underscore'
}
});
requirejs.config({
baseUrl: 'js',
paths
浏览 2提问于2014-10-26得票数 0
1回答
我拼命地想用gulp和requireJS编译一个项目。该项目在开发环境中与AMD模块和requireJS一起运行良好。我尝试使用相对于这个requireJS (第三个答案)的优化器。
requirejs task failed {"originalError":{}}
你可以找到我的项目
这里有一个可以帮助您不浏览项目的屏幕
使用devDoc生成项目js文件依赖项
编辑：
这是密码
gulpfile.js
(function () {
'use strict';
var gulp = require('gulp'),
浏览 0提问于2016-01-17得票数 3
回答已采纳
1回答
我试图确定拥有一个小型化文件的最佳方式，但也在一定程度上支持较旧的浏览器。我有一个大型的web应用程序，它使用了众多的第三方库，这些库破坏了IE9和更低的版本。理想情况下，我希望支持这些浏览器，至少可以检测到它们，并向用户显示一个子视图，要求它们进行升级。我的RequireJS流如下：
在我的HTML中，我有一个后端条件语句，它要么输出加载链上的第一个链接(我的配置文件)，要么输出最小化的有效负载(如果在生产服务器上)：
<?php
if (env('APP_ENV') === 'dev') {
echo $this->Htm
浏览 1提问于2014-05-09得票数 0
回答已采纳
当我通过bower安装requirejs时r.js丢失了，为什么？
我在全局范围内安装了bower，然后安装了requirejs。
bower install requirejs
它安装了所有的东西，并且没有发生错误：
bower cloning git://github.com/jrburke/requirejs
bower cached git://github.com/jrburke/requirejs
bower fetching requirejs
HEAD is now at c94b6fe Merge pull request #809 from tapsboy/master
0
浏览 1提问于2013-08-02得票数 3
我正在创建一个Google扩展，它必须在访问的网站上添加内容(比如工具箱)。
我必须使用RequireJS和BackboneJS (卓别林)，一切都很好，除非我正在访问一个使用RequireJS (和骨干，但问题似乎来自RequireJS冲突)的网站。(这是我使用内容脚本来包含包含RequireJS的-script标记的时候。)
如果我直接在页面中添加内容，那么冲突是正常的，所以我尝试了下面的解决方案：
这似乎是可行的(目前)，但该网站正在尝试重新加载他自己的RequireJS文件(与他的路径，但在我的扩展)之前加载我的，我担心这可能导致意外的行为。此外，我必须在requirejs.confi
浏览 4提问于2014-10-20得票数 0
回答已采纳
1回答
我在一个使用app/js/d3.js的早午餐项目中有一个文件requirejs。当我构建文件时，app/js/d3.js中的代码如预期的那样连接到app.js中。但它被包装在一些看起来像是需要的代码中，如下所示：
require.register("js/d3", function(exports, require, module) { #this wrapper is added
window.onload = function() { #then there is the start of code from app/js/d3.js
当我在中搜索register时，我没有
浏览 1提问于2014-02-19得票数 4
我使用RequireJS来加载我的依赖项。
下面是我的配置文件：
requirejs.config({
baseUrl: "/js/dist",
paths: {
jquery: "../bower_components/jquery/dist/jquery.min",
bootstrap: "../bower_components/bootstrap/dist/js/bootstrap.min",
typeahead: "../bower_components/bootstrap3-typeahead/b
浏览 0提问于2015-01-15得票数 7
回答已采纳
我正在开发简单的AngularJS (我是Angular的新手)应用程序，我遇到了js加载顺序错误的问题。下面是我的应用程序的相关(我希望)片段。
index.html
(...)
<script data-main="scripts/main.js" src="scripts/require.js"></script>
(...)
main.js
requirejs.config({
baseUrl: 'scripts',
paths: {
angular: '../../bowe
浏览 0提问于2014-11-28得票数 1
我正在使用yeoman构建一个webapp应用程序。一切都很好，除了我对使用与某些bower组件(例如sass-bootstrap)捆绑在一起的资源(如图片或webfonts)感到有点困惑之外。
我使用Requirejs包含了javascript资源，但我的主要问题在于图像和字体……正确的方法是什么？似乎到处都找不到它...我是否应该将所有字体文件复制到我在compass中使用的字体目录中？当bower组件更新时，这些文件不会被更新...
欢迎任何帮助！
浏览 2提问于2014-01-31得票数 5
我正在尝试使用来构建一个演示项目。我希望结果是一个包含所有js依赖项和模板的单个文件。这是我的gulpfile.js
var gulp = require('gulp');
var rjs = require('gulp-requirejs');
var paths = {
scripts: ['app/**/*.js'],
images: 'app/img/**/*'
};
gulp.task('requirejsBuild', function() {
rjs({
name:
浏览 90提问于2014-06-01得票数 21
1回答
我一直在用Grunt做实验，今天下午我需要JS。我非常喜欢text模块，并使用它来引入我的模板。在非基于Grunt的项目中，我使用了inlineText和stubModules需要JS选项来内联模板文件，而且效果很好。然而，我很难让这个和Grunt一起工作。
需要Config
require.config({
paths: {
// Using Bower for dependency management
text: '../components/requirejs-text/text'
}
});
使用
define([
浏览 1提问于2013-04-07得票数 11
tl;dr
RequireJS优化器不喜欢我在模块上定义包定义，但如果不定义包，也找不到模块。
长版
在尝试使用requirejs优化器时，我得到了以下错误：
Error: Module loading did not complete for: scripts/simulation.bundle, app_mini, testservice
The following modules share the same URL. This could be a misconfiguration if that URL only has one anonymous module in it:
浏览 3提问于2017-01-05得票数 0
回答已采纳
4回答
我的库使用，现在我正在尝试加载使用我的库的应用程序，所以我放置了所有的路径和填充符，我的requirejs.config部分如下所示：
requirejs.config({
baseUrl: './',
catchError: false,
paths: {
beril: '../engine/build/src/bundle',
lodash: 'bower_components/lodash/lodash',
three: 'bower_components/th
浏览 0提问于2016-02-03得票数 2
有人知道为什么我在Chrome控制台上运行这个示例Astroids游戏(用www.Famo.us编写)时会出现这些错误吗：
我做了通常的npm install && bower install和grunt serve。我已经安装了npm和bower。检查了app/lib文件夹，它显示了Chrome说它找不到的文件。
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:1337/lib/backbone.babysitter/li
浏览 1提问于2014-07-30得票数 0
1回答
让柴对需求表现得更好
、、、、
我正在尝试将Karma/Mocha/柴设置到我的主干项目中，该项目使用的是需求，没有多少运气。
首先，这是我的设置：
- app/
- js/
- bower_components/
- node_modules/
- test/
- test-main.js
- karma.conf.js
// relevant bits of karma.conf.js
frameworks: ['mocha', 'requirejs', 'chai'],
files: [
'test/test-main.js',
浏览 5提问于2015-01-22得票数 0
我在Play 2.1.2项目中工作，使用Angular.js、CoffeeScript、require.js和bower来组织前端。在bower中，我在/app/assets/javascripts/main.coffee文件中使用了填充程序。然后，我使用play clean stage并运行target/start进行部署。
问题是:在stage阶段，Play不会丑化资源。在Build.scala中
val main = play.Project(appName, appVersion, appDependencies).settings(
requireJs += "main&
浏览 0提问于2013-07-18得票数 1
回答已采纳
我正在尝试将一个javascript应用程序移植到使用requirejs的类型记录中。我正在使用DefinitelyTyped @mhegazy中的类型定义：类型记录编译器给了我以下错误.
错误TS2307:找不到外部模块“十字路口”。
这一切都是在javascript中使用“定义”来实现的。
我只是用这个库作为一个完整的例子。我遗漏了什么？如果TSC真的注意到了需求配置，那么文档就很难挖掘了。我知道十字路口取决于信号。定义和ts文件在不同的目录中是否有问题？从我所读到的，我甚至不应该把参考评论。但是如果我尝试使用相对路径，它也找不到它。
这是我的应用程序结构
index.html
浏览 4提问于2015-03-13得票数 1
回答已采纳
我正在使用bower install requirejs ---save命令获取require.js，这会导致一个requirejs文件夹被添加到我的components文件夹中，但其中并不存在requirejs文件(以及所有其他文件)。添加的唯一文件是.bower.json文件。我想我一定是误解了什么。当我通过bower抓取其他包(比如angular和angularAMD)时，我得到的是javascript内容，但不是require。怎么回事？
下面的bower.json文件
{
"dependencies": {
"angular": "
浏览 10提问于2016-08-02得票数 2
我是RequireJS的新手，似乎这实际上是不可能的，但我仍然会继续询问，以防我遗漏了什么。
在文件里写着..。
此设置假定您将所有JavaScript文件保存在项目中的“脚本”目录中。
项目目录/
project.html
脚本/
main.js
助手/
util.js
但是，如果我必须从bower_components中安装的第一个文件中要求文件呢：
项目目录/
鲍尔元件/
jquery-鼠标轮
jquery.mousewheel.js
- loda
浏览 2提问于2014-08-25得票数 6
回答已采纳
3回答
要求任务停止Grunt而没有错误
、、、、
在我的grunt-contrib-requirejs任务停止我的咕噜进程时，我遇到了一个问题。它这样做完全没有错误。我需要帮助找出问题所在。
我的总体任务
grunt.registerTask('build', [
'clean:dist',
'jshint',
'handlebars',
'requirejs',
'concat:dist',
'uglify',
'compass',
'imag
浏览 12提问于2013-08-23得票数 0
回答已采纳
1回答
我是RequireJs的新手，所以我有点坚持让我的rails 4应用程序用需求块来生产。
我有以下几点：
1) Require_rails创业板
gem 'requirejs-rails'
2)在html.erb文件中间调用的请求-js段。
<%= requirejs_include_tag asset_url("scribe/scribe-editor.js") %>
3)在这个文件中，我有以下几个
require({
paths: {
'scribe': 'scribe/bower_components/scr
浏览 4提问于2014-12-21得票数 2
回答已采纳
1回答
我们能把缩小的文件
、、、、
在requirejs中，可以对文件的缩小版本进行修改吗？文件的shim缩小版本与非小型化版本有区别吗？有什么影响吗？
例如，我的requireJS配置如下：
require.config({
baseUrl: "js/",
paths: {
jquery: "../lib/bower_components/jquery/jquery.min",,
bootstrap: '../lib/bower_components/bootstrap/bootstrap.min',
浏览 3提问于2014-04-30得票数 0
回答已采纳
1回答
我在业力配置文件中有下面的配置。
frameworks: [
'jasmine',
'requirejs'
],
files: [
//App Bower components
{pattern: 'public/bower_components/**/*', included: false}
.....
// list of files / patterns to exclude
exclude: [
'
浏览 1提问于2016-03-09得票数 0
1回答
我有一个尝试使用Bower.io与我的RequireJS AMD项目，但我是相当新的。我的bower.json文件中有一个插件，类似于
"jquery-ui-touch-punch": "https://github.com/furf/jquery-ui-touch-punch.git",
但是问题是这个文件不是用AMD包装的，所以它是错误的。我可以手动编辑文件包装它-但这是没有意义的目的，以使用保龄球。是否有什么资源可以使用，或者我可以在requireJS中使用这种包装？
浏览 3提问于2014-07-05得票数 0
回答已采纳
你好，我在我的应用程序中使用yo，一个生成器。这个应用程序已经使用了requirejs和gulp作为支架，但是我在将添加到require.config以进行分发时遇到了困难，下面是require.config.js
//require.js looks for the following global when initializing
var require = {
baseUrl: ".",
paths: {
"bootstrap": "bower_modules/components-boots
浏览 6提问于2016-06-08得票数 5
回答已采纳
下面是我的文件夹结构的一部分：
节点测试
bower_components
构建
公共
main.js
- build.js
使用r.js -o build.js运行优化器，下面的配置运行良好：
// main.js file
requirejs.config({
baseUrl: '../bower_components',
paths: {
'domready': 'domready/ready',
'jquery': 'j
浏览 0提问于2013-07-03得票数 9
回答已采纳
我的预编译模板文件是templates.js --如何使用RequireJS加载此文件？
requirejs.config({
paths: {
jquery: '../bower_components/jquery/jquery'
, underscore: '../bower_components/underscore/underscore'
, handlebars: '../bower_components/handlebars/handlebars'
, momen
浏览 4提问于2013-09-18得票数 2
1回答
我正在试着用angularjs，ui-router和requirejs做一个样例应用程序来延迟加载我的控制器。它在本地运行得很好，但是我想为生产环境写一个requirejs优化器，我试过使用grunt:requirejs工具来做这个，但是它对我不起作用。它甚至不会给出任何脚本加载错误或其他什么..
<--index.html--!>
<!DOCTYPE html>
<html style="overflow-x:hidden">
<head>
</head>
<body class="no-
浏览 2提问于2016-01-05得票数 0
1回答
如何在顶针中安装npm
、、、
我尝试按照的说明安装顶针。我成功地安装了Bramble，但当我尝试在顶针中安装npm时，会显示以下错误：
C:\Users\Askar\Documents\GitHub> cd .\thimble.webmaker.org
C:\Users\Askar\Documents\GitHub\thimble.webmaker.org [bramble +1 ~0 -0 !]> npm install
|
> thimble@2.0.0 postinstall C:\Users\Askar\Documents\GitHub\thimble.webmaker.org
> bow
浏览 2提问于2015-09-17得票数 0
我在样例中使用了AMD (特别是RequireJS)和TypeScript来支持外部模块。下面是RequireJS加载的数据(通过main.ts -main属性)：
/// <reference path="../typings/tsd.d.ts" />
requirejs.config({
paths: {
jquery: '../bower_components/jquery/dist/jquery',
angular: '../bower_components/angular/angular',
ui
浏览 0提问于2015-06-21得票数 2
1回答
我正在尝试更新一个web应用程序，以确保最新的sailsjs和react版本。该应用程序已经在使用sails v0.12和react v0.14.x和ES5风格的requirejs.config导入，如下所示： requirejs.config({
urlArgs: "v=" + myapp.buildNumber,
paths: {
'react': '/bower_components/react/react-with-addons',
'reactdom': '/bower_componen
浏览 27提问于2018-12-22得票数 1
我在RequireJS和Axios之间的集成中出错： <HEAD>
<script src="3party/require.js"></script>
<SCRIPT>
//work!
requirejs(['/bower_components/jquery/dist/jquery'],()=>{
console.debug($);
})
//error
requirejs(['/bower_components/axios/dist/axios'],
浏览 56提问于2020-01-23得票数 0
回答已采纳
3回答
如何决定是使用NPM还是Bower来安装依赖项？
例如，npm install requirejs --save-dev和bower install requirejs --save-dev有什么不同
有没有“最佳实践”，或者可以选择的方法？
还有没有其他我需要注意的？
浏览 1提问于2014-11-11得票数 3
1回答
我为编写了一个自定义模式
my-mode.js
ace.define('my-mode', [/* ... */], function(require, exports, module) { /* ... */ });
我试着用
index.js
var editor = ace.edit('editor');
editor.getSession().setMode('my-mode');
我用bower安装了ACE编辑器(ace-builds)和需求。
bower.json
{
"name": "my-project
浏览 1提问于2016-04-25得票数 0
我试图在一台新机器上运行grunt，但它不能编译。
我收到的错误是：
Running "requirejs:compile" (requirejs) task { [Error: Error: ERROR: module path does not exist: /Volumes/Users/dtdtdg/assets/js/src/../../../bower_components/almond/almond.js for module named: ../../../bower_components/almond/almond. Path is relative to: /
浏览 1提问于2015-02-19得票数 0
例如，这个和这个重复了路径和shims。对于大型项目，可能会有很多。我甚至可以使用将已安装的Bower组件添加到main.js中，但在此之后，我必须将它们复制到test-main.js，无论是手工还是程序。
是否有任何方便的方法来避免这种重复，例如，告诉RequireJS包含另一个配置文件？
浏览 0提问于2014-01-11得票数 7
我目前正在使用Grunt-contrib优化器，这样我的最终包结构基本上如下所示：
Public/
css
js
-myapp.js
-require.js
我想使用requirejs handlebar来呈现我的模板(也使用服务器端的Express3 3-节)。我已经让NPM包必须工作，但前提是我必须将模块公开在我的快递服务器中，并使用下面的行：
app.use('/node_modules/handlebars/dist/', express.static(path.join(__dirname, './node_modules/handleb
浏览 2提问于2015-04-11得票数 2
回答已采纳
我正尝试用requirejs:production任务构建我的Grunt/RequireJS应用程序，我得到了以下输出：
Running "requirejs:production" (requirejs) task
>> Tracing dependencies for: ../bower_components/almond/almond
>> RangeError: Maximum call stack size exceeded
>> In module tree:
>> main
>> mo
浏览 0提问于2014-08-20得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
