2015-06-30 14 views
6

Trong tất cả các ví dụ tôi đã thấy, tệp html của điểm nhập cảnh (ví dụ: index.html) sống cùng với tất cả nội dung được tạo bởi webpack.Cung cấp nội dung được xây dựng trên webpack từ thư mục con

build/ 
    index.html 
    bundle.js 
    1.bundle.js 
    2.bundle.js 
    etc 

Tôi muốn có html entrypoint tôi tách biệt với tài sản xây dựng:

index.html 
build/ 
    bundle.js 
    1.bundle.js 
    2.bundle.js 
    etc 

Đây có phải là có thể với webpack?

+0

tôi nên thêm rằng ứng dụng của tôi sử dụng CSS với hình ảnh bên ngoài và phông chữ. Khi tôi tải các gói từ một tệp html trong thư mục mẹ, các đường dẫn nội dung đó bị hỏng. – Pascal

Trả lời

8

Aha, đã tìm ra. Trong webpack.config, bạn phải đặt output.publicPath. Đường dẫn đó được sử dụng để thêm tiền tố tất cả các URL tương đối trong CSS.

Trong trường hợp của tôi, tôi đã sử dụng:

output: { 
    path: path.resolve('./build'), 
    publicPath: './build/', 
    filename: '[name].bundle.js' 
}, 

http://webpack.github.io/docs/configuration.html#output-publicpath

Các vấn đề liên quan