Как игнорировать package.json из subrepo - PullRequest
Новая
       54

Как игнорировать package.json из subrepo

1 голос
/ 28 марта 2019

Я разрабатываю базовую библиотеку, в которой различные компоненты могут быть клонированы и прикреплены друг к другу. В каждом каталоге компонентов есть файл package.json. мое ядро ​​использует webpack, и когда я запускаю команду build, оно выдает ошибку вроде этой 

ERROR in ./src/clients/products/src/Products.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /Users/mughees/Desktop/midgard-react/src/clients/products/src/Products.js: Unexpected token (46:17)

Если я удаляю package.json из subrepo / module, он компилируется нормально.

Это мой веб-пакет прямо сейчас. 

const path = require("path");
const webpack = require("webpack");

module.exports = {
  entry: ["babel-polyfill", "./src/index.js"] ,
    mode: "development",
    devtool: 'inline-source-map',
    module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /(node_modules|bower_components)/,
        loader: "babel-loader",
        options: { presets: ["@babel/env"] }
      },
      {
        test: /\.(css|scss)$/,
        use: [
          "style-loader",
          "css-loader",
          "sass-loader"
        ]
      },
      { 
        test: /\.(jpe?g|png|gif|svg)$/i,
        use: [
          "file-loader",
          {
            loader: "image-webpack-loader",
            options: {
              bypassOnDebug: true,
              disable: true,
            },
          },
        ],
      }
    ]
  },
  resolve: {
    extensions: ["*", ".js", ".jsx"],
    modules: [path.resolve(__dirname, './src'), 'node_modules'],
    alias: {
      store: path.resolve(__dirname, './src/store'),
    }
  },
  output: {
    path: path.resolve(__dirname, "dist/"),
      publicPath: "/dist/",
      filename: "bundle.js"
  },
  devServer: {
    contentBase: path.join(__dirname, "public/"),
      port: 3000,
      publicPath: "http://localhost:3000/dist/",
      historyApiFallback: true,
      hotOnly: true
  },
  plugins: [new webpack.HotModuleReplacementPlugin()]
};

1 Ответ

0 голосов
/ 13 июня 2019

Проблема связана с babel , а не webpack .У меня было это до .

Вот тест наличия подкаталога с файлом package.json, который после запуска webpack выдает ошибку вроде: 

ERROR in ./home/three-JSX-main-patterns.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /var/www/html/ir/jsfun/home/three-JSX-main-patterns.js: Unexpected token (5:27)

и жалуется на JSX в моем случае

error when we have nested repository

решение

Какой у вас сценарий использования?

  • Вы хотите программно создать конфигурацию?

  • Вы хотите скомпилировать node_modules?

    babel.config.js для вас!

  • У вас есть статическая конфигурация, которая применяется только к вашему простому пакету?

    .babelrc предназначен дляВы!

В моем случае у меня было .babelrc, например: 

{
  "presets": ["@babel/preset-env", "@babel/preset-react"],
}

, и я заменил его на babel.config.js, например, так: 

module.exports = function (api) {
  api.cache(true);


  const presets = ["@babel/preset-env", "@babel/preset-react"];

  return {
    presets
  };
}

И работает нормально.

...