Настройка Webpack ExtractTextPlugin

171
20 августа 2018, 17:10

Не могу понять какой publicPath указать для extract-text-webpack-plugin чтобы подгрузить стили при запуске webpack-dev-server.

const PATH = require('path');
const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const PATHS = {
  source: PATH.join(__dirname, 'js'),
  build: PATH.join(__dirname, 'build/js'),
};
const conf = {
  context: PATHS.source,
  entry: {
    index: './main.js',
  },
  output: {
    filename: '[name].js',
    path: PATHS.build,
    publicPath: '/build/js', // required for webpack-dev-server
  },
  plugins: [
    new CaseSensitivePathsPlugin(),
    new ExtractTextPlugin('../css/style.css'),
  ],
  devServer: {
    overlay: true,
    contentBase: PATH.join(__dirname),
    watchContentBase: true,
    watchOptions: {
      poll: true,
    },
  },
  module: {
    rules: [
      {
        test: /\.scss$/,
        use: ExtractTextPlugin.extract(
          {
            fallback: 'style-loader',
            use: ['css-loader', 'sass-loader'],
            publicPath: '/build/css',
          },
        ),
      },
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: 'babel-loader',
      },
      {
        test: /\.(png|jpg|gif)$/,
        use: [
          {
            loader: 'file-loader',
            options: {
              outputPath: '../img',
            },
          },
        ],
      },
      {
        test: /\.svg$/,
        loader: 'svg-inline-loader',
      },
    ],
  },
};
module.exports = (env, argv) => {
  conf.devtool = argv.mode === 'development' ? 'source-map' : false;
  // source-map was choosen because css-loader source-map don't work with eval
  return conf;
};
READ ALSO
Промежуток времени в JavaScript

Промежуток времени в JavaScript

Имеется число, равное количеству секунд в промежутке времениЗадача - перевести это время в более читаемый вид

170
Как удалить все классы у найденных элементов?

Как удалить все классы у найденных элементов?

Есть html код, необходимо чтобы js удалял у всех найденных элементов определенный класс

202
Как ограничить вызов функции в цикле, ровно 1 раз за итерацию?

Как ограничить вызов функции в цикле, ровно 1 раз за итерацию?

Есть цикл с 5 итерациями, каждая длиться по 15 секунд, в цикл помещена функция, задача, ограничить вызов функции на каждой итерацииПроловал...

172
Как перебрать массив?

Как перебрать массив?

Мне нужно перебрать массив из двух значений, чтобы на выходе получить все значения между нимиНапример: ['10-07-2018', '18-07-2018'] = > ['11-07-2018', '12-07-2018',...

199