如何与webpack一起构建需求应用程序？

Question

我有一个需求应用程序，它是从下面粘贴的需求配置加载的。对供应商目录的路径引用是通过bower加载的第三方库。

// Require.js Configurations
// -------------------------
require.config({
  baseUrl: './js/app',

  paths: {
    'backbone'            : '../../vendor/backbone/backbone',
    'backbone.paginator'  : '../../vendor/backbone.paginator/lib/backbone.paginator',
    'backbone.validateAll': '../../vendor/Backbone.validateAll/src/javascripts/Backbone.validateAll.js',
    'backbone.wreqr'      : '../../vendor/backbone.wreqr/lib/backbone.wreqr.js',
    'handlebars'          : '../../vendor/handlebars/handlebars.runtime',
    'handlebars-helpers'  : '../../vendor/handlebars-helpers/src/helpers',
    'jasminejquery'       : '../../vendor/jasmine-jquery/lib/jasmine-jquery',
    'jquery'              : '../../vendor/jquery/dist/jquery',
    'jquerymobile'        : '../../vendor/jquery-mobile-bower/js/jquery.mobile-1.4.5',
    'loglevel'            : '../../vendor/loglevel/lib/loglevel',
    'marionette'          : '../../vendor/marionette/lib/backbone.marionette',
    'modernizr'           : '../../vendor/modernizr/modernizr',
    'moment'              : '../../vendor/moment/moment',
    'swiper'              : '../../vendor/swiper/dist/idangerous.swiper',
    'templates/jst'       : '../../build/tmp/templates/jst-build',
    'underscore'          : '../../vendor/lodash/dist/lodash'
  },

  shim: {
    'backbone.validateAll'  : ['backbone'],
    'jasminejquery'         : ['jquery'],
    'jquerymobile'          : ['jquery'],
    'modernizr'             : { exports: 'Modernizr' },
    'swiper'                : ['jquery']
  }
});

// Bootstraps
require(['bootstrap/backbone'], function(){});
require(['bootstrap/jquery'], function(){});

// App
require(['init/Main'], function(main) {});

我在控制台中遇到的问题是，我的引导文件没有找到，这只会让我相信webpack没有在我的require.config中加载。

js./app/config/quijs.js./build/ test.js散列: f33deaf4b2ff288e08b6版本: webpack 1.5.3 Time: 61 js资产大小块名称test.js 2435 0已发出主。/app/config/requjs.js 1691 {0}构建错误在./app/config/requjs.js模块中找不到:错误:无法解决/用户/故障/站点/公共/js/app/config@中的模块‘引导/主干’。./app/config/requjs.js 35:0-45 未找到./app/config/requjs.js模块中的错误:错误:无法解决/Users/glitches/Sites/public/js/app/config @./app/config/requjs.js 36:0-43中的模块'bootstrap/jquery‘ 未找到./app/config/requjs.js模块中的错误:错误:无法解决/Users/glitches/Sites/public/js/app/config @./app/config/requjs.js 39:0-41中的模块'init/Main‘

我猜我需要重写我的requirejs配置作为一个入口点，但我在这里询问，以防有人对如何实现这一点有更好的了解。

Answer 1

由于没有绝对路径或相对路径，您的require语句正试图解析为node_modules文件夹中的模块。

如何解析模块，取决于路径类型。

如果需要应用程序源中的文件，请使用相对路径或绝对路径。

// Bootstraps
require(['../bootstrap/backbone'], function(){});
require(['../bootstrap/jquery'], function(){});

// App
require(['../init/Main'], function(main) {});

这假设了这样一个结构，即at /app/config/requjs.js，目标模块在/app/bootstrap/backbone.js、/app/init/jquery.js和/app/init/Main.js。