webpack - webpack 配置不将资产移动到 dist 文件夹

Question

因此，在遵循 webpack 网站上的指南并在此处跟随 Petr 的视频之后：https ://www.youtube.com/watch?v= JdGnYNtuEtE 我有以下 webpack.config.js 文件：

var webpack = require('webpack');

module.exports = {
  entry: './src/app.js',
  output: {
    filename: './dist/bundle.js'
  },
  devServer: {
    inline:true,
    port: 8081
  },
  resolve: {
    alias: {
      'vue$': 'vue/dist/vue.esm.js' // 'vue/dist/vue.common.js' for webpack 1
    },
    extensions: ['*', '.js', '.vue', '.json']
  },
  module: {
    rules: [
      {
            test: /\.vue$/,
            loader: 'vue-loader'
        },
        {
            test: /\.js$/, // /\.esm.js$/
            loader: "babel-loader",
            exclude: /node_modules/
        },
      {
      test: /\.(png|jpg|gif)$/,
        use: [
          {
            loader: 'url-loader',
            options: {
              limit: 8192
            }
          }
        ]
      },
      {
        test: /\.(css|less)$/,
        use: [
          {
              loader: "style-loader"
          }, {
              loader: "css-loader"
          }, {
              loader: "less-loader"
          }
        ]
      },
      {
        test: /\.(woff|woff2|eot|ttf|svg)$/,
        use: [
          {
            loader: 'url-loader',
            options: {
              limit: 100000
            }
          }
        ]
      }
    ]
  }
}

它已经到了我的应用程序的生产阶段，dist 文件夹中只存在 bundle.js 文件和 index.html 文件。这有效，因为它从“ ../src/assets/ ”文件夹中获取资源，但是我希望它应该创建资产并将其复制到/dist/文件夹中的资产文件夹中。

如果有人可以帮助我解决我在配置中做错的事情，我将不胜感激！

Answer 1

当您使用 devServer 选项时，不会将任何文件写入磁盘。

devServer: {
  inline:true,
  port: 8081
},

Web 服务器将在端口 8081 上工作，生成的文件将在内存中。