Question

我正在使用webpack-dev-server v2在浏览器中提供本地开发文件。我想将服务器的输出配置为进入dist文件夹，以便使开发人员和生产人员之间的路径保持相同。

我有一个webpack配置，我相信它已配置为可与Webpack 3一起使用。它使用的数组格式似乎不符合文档（可能是因为文档适用于版本4）。

这是当前结构：

module.exports = [
    {
      entry: './src/scripts/init.js',
      output: {
         filename: 'bundle-init.js',
         path: __dirname + '/dist/js'
      },
      module: {
         loaders: [{
            test: /init.js$/,
            loader: 'babel-loader',
            query: {presets: ['env']}
         }]
      }
   },
    {
      entry: './src/sass/styles.scss',
      output: {
         filename: 'style-bundle.js',
         path: __dirname + '/dist/css'
      },
      module: {
         rules: [{
            test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
            use: [{
               loader: 'file-loader',
               options: {
                  name: '[name].[ext]'
               }
            }]
         }, {
            test: /styles.scss$/,
            use: getStyleUse('bundle-styles.css')
         }]
      }
   },
    {
      entry: './src/sass/styles.scss',
      output: {
         ...
      },
      module: {
         ...
      }
   },
];

我大约有12个捆绑包，我将输出路径设置为dist/js或dist/css。

我正在使用webpack-dev-server v2.11.3和webpack v3.12.0，并希望配置webpack-dev-server从dist目录中加载文件。

当我尝试将以下内容添加到数组格式时，会导致错误（意外的标记/语法）。

module.exports = [
    devServer: {
      contentBase: path.join(__dirname, 'dist')
    },
    {
        entry: ...,
        output: {
            path: __dirname + '/dist/js',
            ...
    }
];

我不确定如何将其添加到现有的webpack配置中。没人知道吗？

谢谢！

p.s我还无法测试contentBase是否有效！

配置webpack开发服务器2以从不同的基础提供服务

0 个答案: