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文件。这可以从＆＃34; ../ src / assets / ＆＃34;中获取资源。文件夹，但我希望它应该创建资产并将其复制到 / dist / 文件夹中的资产文件夹。

如果有人可以帮我解决我在配置中做错的事情，我会非常感激！

Answer 1

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

(m.s^2+c.m.s+c.m^2)/s^3+2.m.c.s^2+2.c.s-c^2.m)

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

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

1 个答案: