webpack-dev-server tải lại nóng không làm việc

Question

cấu trúc tập tin của tôi là:

dist 
    css 
    style.css 
    index.html 
    js 
    bundle.js 
src 
    css 
    style.css 
    index.html 
    js 
    main.js 
node_modules 
webpack.config.js 
package.json 

webpack.config.js tôi trông như thế:

module.exports = { 
    entry: './src/js/main.js', 
    output: { 
     path: __dirname, 
     filename: './dist/js/bundle.js' 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.js$/, 
       exclude: /(node_modules)/, 
       loader: 'babel', 
       query: { 
        presets: ['es2015'] 
       } 
      }, 
      { 
       test: /\.vue$/, 
       loader: 'vue' 
      } 
     ] 
    } 
}; 

tôi chạy:

webpack-dev-server --content-base dist --hot 

Và nó xây dựng và có vẻ như nó đang hoạt động. localhost: 8080 cho thấy kết quả mong đợi nhưng tải lại không hoạt động. Khi tôi thay đổi một tập tin tôi có thể thấy trong thiết bị đầu cuối mà việc xây dựng lại đang diễn ra nhưng không có gì xảy ra trong trình duyệt. Tôi có thiếu thứ gì đó trong cấu hình không?

Answer 1

Khi sử dụng webpack-dev-server, nó được xây dựng tất cả các file trong nội bộ và không nhổ chúng ra vào đường dẫn đầu ra của bạn. Chạy webpack một mình, không có máy chủ dev, thực hiện biên dịch thực sự thành đĩa. Máy chủ dev thực hiện mọi thứ trong bộ nhớ để tăng tốc độ biên dịch lại rất nhiều.

Để khắc phục vấn đề tải lại nóng của bạn, thiết lập các cơ sở nội dung vào thư mục nguồn của bạn và cho phép inline-mode

Giống như vậy:

webpack-dev-server --content-base src --hot --inline 

Câu hỏi mới nhất

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

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

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.