Как подготовить выходные файлы с помощью веб-пакета?

Question

Я работаю с веб-пакетом, чтобы встроить библиотеки в проект saleforce dx.

Но у меня есть проверка eslint, когда я нажимаю на github.

Эта проверка не пройдена, поскольку она пытается проверить достоверность выходных данных веб-пакета.

Я пытаюсь добавить выходные файлы к /* eslint-disable */, чтобы отключить eslint при нажатии.

Поэтому я пытаюсь:

rules: [
      {
        loader: '@shoutem/webpack-prepend-append',
        query: {
          prepend: '/* eslint-disable */'
        }
      }
    ]

Но комментарий не отображается вверху выходного файла. Я думаю, что он предваряет входной файл.

Как добавить файлы к веб-пакету?

Answer 1

Вы можете использовать плагин BannerPlugin, чтобы добавить баннер в верхнюю часть каждого сгенерированного блока:

https://webpack.js.org/plugins/banner-plugin/

Например, вы можете использовать следующее:

new webpack.BannerPlugin({
  banner: '/* eslint-disable */'
  raw: true
});
``

Answer 2

Я не нашел способа добавить действительные комментарии eslint в конфигурацию моего веб-пакета.

Поэтому я использую скрипт nodejs

// nodeScript.js
var path = require('path');
var fs = require('fs');

var pathDefault = '{build path}';
var jsFilesName = ['build1.js', 'build2.js'];

jsFilesName.forEach(function(file) {
  try {
    var contents = fs.readFileSync(
      path.join(__dirname, pathDefault, file + '.js'),
      'utf8'
    ); // copy contents file into a variable
    fs.writeFileSync(
      path.join(__dirname, pathDefault, file + '.js'),
      '/* eslint-disable */\r\n' + contents
    ); // rewrite content file with the concatenation of comments and contents
    console.log('   - ' + file + ' => Done');
  } catch (err) {
    console.log('   - ' + file + ' => KO');
    if (err) throw err;
  }
});

И вы можете запустить этот скрипт после сборки пряжи / npm

например

{
  "scripts": {
    "build": "yarn build && node ./nodeScript.js",
  }
}