Làm cách nào để nhập mô-đun trong thư mục con gói npm với gói webpack?

Question

phép nói rằng theres một gói trong node_modules gọi foo và tôi muốn nhập một mô-đun trong một thư viện như foo/module qua webpack & babel ...

import Foo from 'foo'; làm việc

import SomeOtherModule from 'foo/module'; không thành công với những điều sau đây:

Module not found: Error: Cannot resolve module 'foo/module' in /Users/x/Desktop/someproject/js

Điều này làm cho webpack tìm kiếm tệp sai địa điểm thay vì node_modules

.210

webpack.config của tôi trông như thế này:

var webpack = require('webpack'); 
var path = require('path'); 

module.exports = { 
    entry: ['babel-polyfill','./js/script.js'], 
    output: { 
     path: __dirname, 
     filename: './build/script.js' 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.js$/, 
       loader: 'babel', 
       query: { 
        cacheDirectory: true, 
        presets: ['es2015'] 
       } 
      } 
     ], 
    }, 
    plugins: [ 
     new webpack.NoErrorsPlugin() 
    ], 
    stats: { 
     colors: true 
    }, 
    devtool: 'source-map' 

}; 

Answer 1

Nó sẽ làm việc với import 'foo/module';. Nó sẽ giải quyết tập tin ./node_modules/foo/module.js hoặc ./node_modules/foo/module/index.js và không một cái gì đó như ./node_modules/foo/node_modules/module/index.js nếu nó mong đợi (trong trường hợp đó bạn tốt hơn để cài đặt mô-đun qua npm).