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

【问题标题】：webpack config not moving assets to dist folderwebpack 配置不将资产移动到 dist 文件夹
【发布时间】：2018-08-03 15:16:17
【问题描述】：

因此，在遵循 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/ 文件夹。

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

【问题讨论】：

标签： webpack webpack-dev-server production webpack-production

【解决方案1】：

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

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

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

【讨论】：