Как исправить ошибку с отслеживанием в webpack?

Есть такая структура проекта:
5c35f5aa41904996455859.png

Хочу чтобы сервер запускал проект из dist, но при изменении в src происходила перекомпиляция и все копировалось в dist.

Мой webpack.config.js
const path = require('path');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin')

module.exports = {
  mode: 'development',
  entry: './src/scripts/script.js',
  devtool: 'inline-source-map',
  devServer: {
    contentBase: './dist'
  },
  plugins: [
      new CopyWebpackPlugin([
          {
              from: './src/index.html',
              to: '../index.html'
          }
      ]),
      new MiniCssExtractPlugin({
            filename: '../styles/style.css'
      })
  ],
  module: {
      rules: [
          {
              test: /\.scss$/,
              use: [
                MiniCssExtractPlugin.loader,    
                'css-loader',
                'sass-loader'
              ]
          }
      ]
  },
  output: {
    filename: 'script.js',
    path: path.resolve(__dirname, 'dist/scripts')
  }
};


Содержимое script.js
import './../styles/style.scss';

В данный момент при изменении в src судя по консоли компиляция происходит, но в папку dist эти изменения не попадают.

Как нормально это настроит ?
  • Вопрос задан
  • 24 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
26 марта 2019, в 03:19
100000 руб./за проект
26 марта 2019, в 01:09
40000 руб./за проект
26 марта 2019, в 00:54
40000 руб./за проект