Webpack-Monorepo中所有软件包的一个配置

编程问答 2022-11-06

问题描述

我正在尝试创建一个monorepo，它将是一个使用Web组件的简单设计系统。 我的目标是让根目录使用相同的WebPack配置来构建每个软件包。

  • 根项目
    • 包装
      • 按钮
        • index.js
        • dist / index.js
      • 下拉
    • webpack.config.js
    • package.json

我想避免在每个软件包中使用任何webpack配置，对我来说这没有意义。

最后，我想通过导入需求包@designsystem/Button

在其他项目中使用此monorepo

就目前而言，我的webpack仅在根级别构建，而我找不到解决方案，也许您可​​以帮我解决这个问题？

我当前的webpack 

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

let entries = {
  button: "./packages/button/"
}
module.exports = {
  mode: "development",entry: {
    ...entries
  },output: {
    filename: "[name].js",path: path.resolve(__dirname,"dist")
  },module: {
    rules: [
      {
        test: /\.s[ac]ss$/i,use: [
          // Creates `style` nodes from JS strings
          'style-loader',// Translates CSS into Commonjs
          'css-loader',// Compiles Sass to CSS
          'sass-loader',],},......

谢谢：）

解决方法

我进行了更改，现在它在每个程序包文件夹中创建了fig= go.Figure(data=go.Isosurface( x=np.array([1,1,0]),y=np.array([0,1]),z=np.array([0,value=theta_2[0].flatten(),isomin = 301.3,isomax = 301.6 )) fig.show() 。 我不知道这是否是一个很好的解决方案，但我现在将继续讨论：

dist/index.js

buildbuildjavascriptmonorepoweb-componentwebpackwebpackwebpack