• Как настроить SVG в HTML с помощью Webpack?

    У вас он 3 раза пытается загрузится. Грузите где-то один раз. Я использовал вот так и все грузится:

    код
    test: /\.(?:ico|png|jpg|jpeg|svg|gif)$/,
            loader: "file-loader",
            options: {
              outputPath: "assets/images",
              name() {
                if (isDev) {
                  return "[name].[ext]";
                }
                return "[name].[hash].[ext]";
              },
            },
          },

    Кстати, в postcss-loader добавь такую комбинацию. Будет добавлять автопреффиксы для разных браузеов:

    код
    "css-loader",
        {
          loader: "postcss-loader",
          options: {
            postcssOptions: {
              plugins: [
                [
                  "postcss-preset-env",
                  {
                    browsers: "last 3 versions",
                    autoprefixer: { grid: true },
                  },
                ],
              ],
            },
          },
        },

    Только установи postcss-preset-env.
    Ответ написан
    Комментировать
  • Почему emmet в одну строчку пытается вывести html в WebStorm 3.4?

    Сам недавно столкнулся. Думаю, будет актуально.
    Скрин странички свойств
    5ff747acadd83970100028.jpeg

    File>setting>Editor>Code Style>HTML, вкладка Other. Ищем Keep white spaces и снимаем галочку.
    Если вам надо, чтобы inline элемент начинался с новой строки, то на этой же странице удалите его из списка inline elements и добавьте в список Insert new line before.
    Все! Наслаждайтесь.
    Ответ написан
    Комментировать