Question

我正在关注http://alexomara.com/blog/webpack-and-jquery-include-only-the-parts-you-need使用webpack捆绑部分jQuery。

// webpack.config.js
module.exports = {
    entry: './entry',
    output: {
        filename: 'bundle.js'
    },
    module: {
        loaders: [
            { 
                test: /jquery\/src\/selector\.js$/, 
                loader: 'amd-define-factory-patcher-loader' 
            }
        ]
    }
};

由于AMD问题，node_modules/jquery/src/selector.js需要它自己的加载器。但是没有应用装载机。我在windows下运行，也许regexp需要调整？我尝试了不同的表达但没有运气。

有关如何调试的任何建议？ webpack新手。

根据建议，我补充道：

profile: true,
stats: {
  reasons: true,
  chunkModules: true,
  chunkOrigins: true,
  modules: true,
  cached: true,
  cachedAssets: true,
  source: true,
  errorDetails: true,
  publicPath: true,
  excludeModules: [
    /e\.js/
  ]

运行webpack --display-modules会产生

Hash: 4a092c0d4d9e158a9bd7
Version: webpack 1.10.1
Time: 970ms
    Asset    Size  Chunks             Chunk Names
   bundle.js  876 kB       0  [emitted]  main
[0] ./entry.js 529 bytes {0} [built]
   factory:13ms building:12ms = 25ms
...
[14] ./~/jquery/src/traversing/var/rneedsContext.js 110 bytes {0} [built]
   [0] 25ms -> [11] 161ms -> [13] 473ms -> factory:196ms building:3ms dependencies:1ms = 859ms
[15] ./~/jquery/src/selector.js 33 bytes {0} [built]
   [0] 25ms -> [16] 172ms -> factory:449ms building:180ms = 826ms
[16] ./~/jquery/src/manipulation.js 15 kB {0} [built]
   [0] 25ms -> factory:16ms building:156ms dependencies:443ms = 640ms
...

没有错误。没有任何实际价值。

Answer 1

显然Webpack没有规范化路径分隔符，因此我们必须更改正则表达式以适应Windows样式的目录分隔符。

这是一个可以使用的独立于平台的正则表达式，因此它可以在* nix系统和Windows上运行。

{ test: /jquery[\\\/]src[\\\/]selector\.js$/, loader: 'amd-define-factory-patcher-loader' }

我还更新了博客文章以使用此表单。如果您仍有问题，请告诉我们！

完全披露：我写了这个问题所指的博客文章，并且碰巧今天发现了这个问题。

Answer 2

不确定您是否曾根据原始文章的评论部分找到了解决方案：

http://alexomara.com/blog/webpack-and-jquery-include-only-the-parts-you-need/

在Windows上运行时出现正确的正则表达式是：

my $v = $i->data;
$v->{books} = ['1984', 'Wuthering heights'];
$i->data($v)    
$i->update;

希望有所帮助！

将加载器应用于特定文件

2 个答案: