Сконфигурируйте webpack dev server 2 для обслуживания с другой базы - PullRequest
Новая
       38

Сконфигурируйте webpack dev server 2 для обслуживания с другой базы

0 голосов
/ 05 декабря 2018

Я использую webpack-dev-server v2 для обслуживания локальных файлов разработки в браузере.Я хотел бы настроить выходные данные сервера для перехода в папку dist, чтобы я мог сохранить одинаковые пути между dev и production.

У меня есть конфигурация 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: {
         ...
      }
   },
];

У меня есть около десятка пакетов, и я устанавливаю путь вывода либо 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.Никто не знает как?

Спасибо!

ps Я не смог проверить, что contentBase даже работает!

...