npm webpack, как настроить использование минимизированных зависимостей - PullRequest
Новая
       26

npm webpack, как настроить использование минимизированных зависимостей

0 голосов
/ 03 сентября 2018

Я получил уведомление от Google относительно расширения, которое у меня есть в интернет-магазине.

Мы регулярно проверяем элементы в Chrome Web Store на соответствие политика нашей программы, чтобы обеспечить надежный и надежный опыт для наших пользователи. (...) В ходе проверки ваш товар был найден подозрительный и имеет один или несколько файлов, которые содержат минимизированные или запутанный код, который не читается человеком.

Я использую webpack 4 для создания пакета расширения. И мне удалось настроить, чтобы не минифицировать и не запутывать: 

mode: "production",
optimization: {
  // We no not want to minimize our code.
  minimize: false,
},

Проблема в том, что зависимости (React, React-Dom и SweetAlert2) все еще уменьшены.

После этого описания SplitChunksPlugin удалось переместить зависимости в отдельные файлы: 

mode: "production",
optimization: {
  // We no not want to minimize our code.
  minimize: false,
  splitChunks: {
    // Add the dependencies in the vendors file
    cacheGroups: {
      react: {
        test: path.join(__dirname, "node_modules", "react"),
        name: 'react',
        chunks: 'all'
      },
      sweetalert2: {
        test: path.join(__dirname, "node_modules", "sweetalert2"),
        name: 'sweetalert2',
        chunks: 'all'
      }
    }
  }
},

Проблема в том, что зависимости все еще уменьшены. Я изменил режим для разработки: 

mode: "development",

Но он добавляет много eval, а также локальных ссылок, и все еще становится миниатюрным. 

"use strict";
eval("/** @license React v16.4.2\n * react-dom.development.js\n *\n * (...)

Можно ли с помощью веб-пакета создать проект с неминифицированными зависимостями?

...