小编Sim*_*man的帖子

我是webpack的新手,所以这对我来说可能是一个愚蠢的错误.

这是我的项目设置(root,至少是相关部分):

 +-- public
 |  |  
 |  +-- index.html
 |    
 +-- src
 |  |  
 |  +-- App.vue
 |  +-- main.js
 |  +-- assets
 |    
 +-- package.json
 |    
 +-- webpack.config.js

现在我想使用webpack-dev(和hot)-middleware来为我的index.html提供服务,并在我的src文件夹中创建一个内存包.现在我可以设置中间件(通过npm页面),我看到捆绑包被创建(通过登录控制台),但有两件事我不清楚:

• 如何服务index.html
• 如何使用内存中创建的bundle？

有人可以解释一下这个中间件是如何工作的吗？这是我的webpack配置文件(需要插入中间件,它只是通过vue-cli创建的webpack配置文件的副本):

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

module.exports = {
  entry: './src/main.js',
  output: {
    path: path.resolve(__dirname, './dist'),
    publicPath: '/dist/',
    filename: 'build.js'
  },
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: {
          // vue-loader options go here
        }
      },
      {
        test: /\.js$/,
        loader: 'babel-loader',
        exclude: …