Webpack không loại trừ node_modules

Question

Tôi đang sử dụng webpack cho một khung Node mà tôi đang xây dựng (mặc dù tôi có lẽ nên sử dụng gulp, phải thừa nhận). Khi tôi bao gồm các mô-đun EJS, webpack bao gồm nó trong nguồn biên dịch, mặc dù tôi rõ ràng nói với nó để loại trừ các node_modules dir.

module.exports = { 
    context: __dirname, 
    target: 'node', 
    // ... 
    output: { 
     libraryTarget: 'commonjs' 
     // ... 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.js$/, 
       exclude: /node_modules/, 
       loader: 'babel-loader?{ "stage": 0, "optional": ["runtime"] }' 
      } 
     ] 
    } 
}; 

Như bạn có thể thấy, tôi có một thử nghiệm cho các tệp JS và tôi cho phép loại trừ các nút node_modules; tại sao nó bỏ qua việc loại trừ của tôi?

Answer 1

Từ tập tin cấu hình của bạn, nó có vẻ như bạn chỉ trừ node_modules từ đang được phân tích với babel-loader, nhưng không không bị kèm.

Để loại trừ node_modules và mẹ đẻ thư viện nút từ bundling, bạn cần phải:

1. Thêm target: 'node' để webpack.config.js của bạn. Điều này sẽ exclude native node modules (đường dẫn, fs, v.v.) không được nhóm.
2. Sử dụng webpack-node-externals để loại trừ khác node_modules.

Vì vậy, tập tin cấu hình kết quả của bạn sẽ giống như thế:

var nodeExternals = require('webpack-node-externals'); 
... 
module.exports = { 
    ... 
    target: 'node', // in order to ignore built-in modules like path, fs, etc. 
    externals: [nodeExternals()], // in order to ignore all modules in node_modules folder 
    ... 
}; 

Answer 2

Hãy thử sử dụng tuyệt đối đường dẫn:

exclude:path.resolve(__dirname, "node_modules") 

Answer 3

này đã xảy ra với tôi bởi vì tôi đã quy định riêng của tôi resolve.extensions nhưng thất bại trong việc có đuôi tên miền trống '':

resolve: { 
    extensions: ['.js', '.jsx'] 
}, 

Từ webpack docs:

Đặt tùy chọn này sẽ ghi đè mặc định, có nghĩa là w ebpack sẽ không còn cố gắng giải quyết các mô-đun bằng cách sử dụng các phần mở rộng mặc định. Nếu bạn muốn các mô-đun được yêu cầu với phần mở rộng của chúng (ví dụ: yêu cầu ('./ somefile.ext')) để được giải quyết đúng cách, bạn phải bao gồm một chuỗi rỗng trong mảng của bạn. Tương tự, nếu bạn muốn các mô-đun được yêu cầu không có tiện ích (ví dụ: yêu cầu ('gạch dưới')) được giải quyết cho các tệp có phần mở rộng ".js", bạn phải bao gồm ".js" trong mảng của mình.

Thêm phần mở rộng sản phẩm nào giải quyết các lỗi:

resolve: { 
    extensions: ['', '.js', '.jsx'] 
}, 

Answer 4

Nếu bạn chạy vào vấn đề này khi sử dụng nguyên cảo, bạn có thể cần thêm skipLibCheck: true trong tập tin tsconfig.json của bạn.