webpack Không thể giải quyết 'style'

Question

Tôi đã cố gắng làm theo Bắt đầu đơn giản từ (http://webpack.github.io/docs/tutorials/getting-started/). Và tôi nhận được lỗi này khi tôi cố gắng tải style.css.

ERROR trong ./entry.js Mô-đun không tìm thấy: Lỗi: Không thể giải quyết 'style' trong 'Đường dẫn đến dự án trong máy tính của tôi' BREAKING ĐỔI: Nó không còn được phép bỏ qua '-loader' hậu tố khi sử dụng bộ tải. Bạn cần chỉ định 'trình nạp kiểu' thay vì 'kiểu'. @ ./entry.js 1: 0-22

Bất kỳ ý tưởng nào?

Tôi đã cài đặt trình tải css và trình tải kiểu theo cách địa phương bằng cách sử dụng mpm như được giải thích trong hướng dẫn. npm cài đặt bộ nạp kiểu css-loader

Tôi thấy thư mục nút-mô-đun được tạo sau khi cài đặt.

Answer 1

Đối với phiên bản webpack> = 2.0

Cập nhật webpack.config.js

module.exports = { 
    entry: "./entry.js", 
    output: { 
     path: __dirname, 
     filename: "bundle.js" 
    }, 
    module: { 
     loaders: [ 
      { test: /\.css$/, loader: "style-loader!css-loader" } 
     ] 
    } 
}; 

Sử dụng {test: /.css$/, bộ nạp: "phong cách-loader css-loader"} thay vì { test: /.css$/, bộ nạp: "style! css!" }