@webpack_ru
Webpack — русскоговорящее сообщество

Обсуждения webpack, лоадеров, плагинов и сборок Правила: http://bit.ly/our_etiquette См. также: @rollup_ru, @react_js, @vscode_ru, @macos_ru, @js_ru

974 members

Архив канала @webpack_ru 24 августа 2017 г.

08:00:11 ДП
User 92174505
User 122340534
Привет. Есть готовый конфиг по webpack 3? Чтобы лишнее выкинуть и вперёд.
https://github.com/dmitrymalakhov/noughtsanddaggers/tree/master/build-conf
github.com/dmitrymalakhov/noughtsanddaggers/tree/master/build-conf
noughtsanddaggers - Simple game with using React, Styled Components and GraphQL.
08:15:02 ДП
User 122340534
User 92174505
https://github.com/dmitrymalakhov/noughtsanddaggers/tree/master/build-conf
github.com/dmitrymalakhov/noughtsanddaggers/tree/master/build-conf
noughtsanddaggers - Simple game with using React, Styled Components and GraphQL.
Спасибо.
12:52:48 ПП
User 45465994
гуру вебпака! Подскажите пожалуйста :)
{
  test: /fonts\/[\w\d\-]+\.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
  exclude: /node_modules/,
  use: [
    {
      loader: 'file-loader',
      options: {
        name: 'assets/fonts/[name].[ext]'
      }
    }
  ]
}
юзаю такое для подключения шрифтов в стилях.
в scss прописываю как надо пути.
На выходе получаю сформированный ксс с правильными путями (то есть /assets/fonts/...) . НО почему-то сами файлы шрифтов не копируются в папку /dist/assets/

в чем затык?
01:02:23 ПП
User 45465994
переустановил file-loader и заработало. Странно, как ж он до этого картинки обрабатывал...
01:07:47 ПП
User 192001299
Кто может помочь настроить вебпак? У меня возникла такая проблема:
В проекте используется SASS и CSS, дело в том, что до внедрения CSS, SASS нормально собирался в файл style.css, а теперь, когда я подключил css,sass совсем перестал собираться
01:08:43 ПП
User 192001299
{
    test: /\.(css)$/,
    loader: ExtractTextPlugin.extract({
      fallbackLoader: 'style-loader',
      use: {
        loader: 'css-loader',
        options: {
          sourceMap: IS_DEVELOPMENT,
          minimize: IS_PRODUCTION,
        },
      },
    }),
    include: path.join(__dirname, '../node_modules'),
  },
const getSassRule = () => {
  const autoprefixerOptions = {
    browsers: [
      'last 3 version',
      'ie >= 10',
    ],
  };

  const sassLoaders = [
    {
      loader: 'css-loader',
      options: {
        sourceMap: IS_DEVELOPMENT,
        minimize: IS_PRODUCTION,
      },
    },
    {
      loader: 'postcss-loader',
      options: {
        sourceMap: IS_DEVELOPMENT,
        plugins: () => [
          autoprefixer(autoprefixerOptions),
        ],
      },
    },
    {
      loader: 'sass-loader',
      options: { sourceMap: IS_DEVELOPMENT },
    },
  ];

  if (IS_PRODUCTION || SERVER_RENDER) {
    return {
      test: /\.scss$/,
      loader: ExtractTextPlugin.extract({
        use: sassLoaders,
      }),
    };
  }

  return {
    test: /\.(scss|css)$/,
    use: [
      {
        loader: 'style-loader',
      },
    ].concat(sassLoaders),
  };
};
01:31:09 ПП
User 45465994
  module: {
    rules: [
      {
        test: /\.scss$/,
        use: [
          'style-loader',
          'css-loader',
          'postcss-loader',
          'sass-loader',
        ],
      },
    ],
  },
я так подключаю. На выходе один файл стилей.
01:31:21 ПП
User 32530886
простыни
03:51:18 ПП
User 332150947
Почему стилус не подключается? CSS работает. 
{
        test: /\.styl$/,
        use: [
          'css-loader',
          'stylus-loader'
        ]
      }
03:53:22 ПП
User 97081120
экстракт текст плагины там всякие все такое?
04:24:51 ПП
User 332150947
установил extract-text-webpack-plugin поменял на 
{
        test: /\.styl$/,
        use: ExtractTextPlugin.extract({
          use: ['css-loader', 'stylus-loader'],
          fallback: 'style-loader'
        })
      }
Теперь в консоли ошибка 
ERROR in ./src/styles/main.styl
Module build failed: Error: "extract-text-webpack-plugin" loader is used without the corresponding plugin, refer to https://github.com/webpack/extract-text-webpack-plugin for the usage example
04:32:04 ПП
User 332150947
о все, пошло.
04:40:59 ПП
User 332150947
ну ок, а если мне для дев не нужен экстракт, почему эта хуйня не работает????
{
        test: /\.styl$/,
        use: [
          'css-loader',
          'stylus-loader'
        ]
      }
04:41:37 ПП
User 332150947
что за аутисты создавали вебпак вообще?
04:46:28 ПП
User 97102774
User 332150947
что за аутисты создавали вебпак вообще?
Да, идиоты какие-то.
04:46:35 ПП
User 97102774
Возьми лучше гулп, он проще.
04:46:43 ПП
User 332150947
аутисты и идиоты разные вещи
04:46:56 ПП
User 97102774
Дык эти аутисты - идиоты
04:47:04 ПП
User 97102774
Представляешь насколько всё плохо?
04:47:05 ПП
User 332150947
нахуй мне галп и твои советы его взять, если я спрашиваю про вебпак? ты аутист?
04:47:21 ПП
User 332150947
User 97102774
Дык эти аутисты - идиоты
это тебе кто сказал
04:47:30 ПП
User 332150947
советую почитать википедию, аутист
04:47:38 ПП
04:48:21 ПП
User 620157
User 332150947
что за аутисты создавали вебпак вообще?
поддерживаю
не очень внятный синтаксис
04:48:28 ПП
User 620157
но альтернативы нет
04:52:51 ПП
User 32530886
User 332150947
ну ок, а если мне для дев не нужен экстракт, почему эта хуйня не работает????
{
        test: /\.styl$/,
        use: [
          'css-loader',
          'stylus-loader'
        ]
      }
style-loader
04:53:07 ПП
User 32530886
Для прода нужно было плагин в plugins добавить
04:53:08 ПП
User 332150947
вместо css-loader?
04:53:12 ПП
User 32530886
User 332150947
вместо css-loader?
Нет
04:53:17 ПП
User 32530886
Дополнительно
04:53:17 ПП
User 32530886
Открой доку
04:53:25 ПП
User 32530886
По стайлус лоадеру
04:53:27 ПП
User 32530886
Там все есть
04:53:31 ПП
User 332150947
для прода добавил плагин. мне для дев надо
04:53:45 ПП
User 332150947
на проде все ок
04:54:33 ПП
User 332150947
ну вот открыл я доку. нету там нихера
04:55:48 ПП
User 332150947
что нужно кроме этого  почему не работает?
04:55:52 ПП
User 332150947
{
        test: /\.styl$/,
        use: [
          'css-loader',
          'stylus-loader'
        ]
      }
04:56:20 ПП
User 332150947
User 32530886
style-loader
зачем ты мне стайл лоадер советуешь вообще без понятия
04:56:38 ПП
User 332150947
сам понял вообще зачем написал?
04:58:26 ПП
User 332150947
точно надо было 'style-loader' добавить
04:58:31 ПП
05:05:15 ПП
05:43:08 ПП
User 332150947
ну что опять не так? 
module: {
    rules: [
      {
        test: /\.css$/,
        use: ExtractTextPlugin.extract({
          loader: 'css-loader',
          fallback: 'style-loader'
        })
      },
      {
        test: /\.styl$/,
        use: ExtractTextPlugin.extract({
          use: ['css-loader', 'stylus-loader'],
          fallback: 'style-loader'
        })
      },
    ]
  }
05:43:17 ПП
User 332150947
throw new _ValidationError2.default(ajv.errors, name);