Javascript npm中部署的节点模块交叉构建目标

我有我的ES6模块，我想针对不同的环境构建它。我不知道怎么做，或者我是否应该使用webpack或rollup

建立目标

ES6环境，如Vue

Commonjs类似于节点后端或某些网页包构建

浏览器、脚本标记

项目目录结构

---

src

--Dog.js

index.js

import Dog from "./src/Dog";
export {
  Dog
}

package.json

---

项目文件 Dog.js

class Dog{
  //Typical Dog stuff
}
export default Dog;

index.js

import Dog from "./src/Dog";
export {
  Dog
}

webpack.config.js

module.exports = {
  target: 'node',
  mode: 'production',
};

package.json（相关部分）

---

有没有办法自动化这个过程，或者我应该为每个目标手动编写一个新的库？如果导入我的模块的项目知道哪种构建适合他们的环境，那么只需针对不同的环境和目标使用不同的网页配置即可。这是一种常见的方法。

只需针对不同的环境和目标使用不同的网页包配置即可。这是一种常见的方法。

这就是我认为它可以在最小的网页配置下工作的方法。dist文件夹及其内容由webpack创建

项目目录结构

---

src

--Dog.js

距离

--dog.common.js

--dog.lib.min.js

index.js

import Dog from "./src/Dog";
export {
  Dog
}

package.json

webpack.config.js

module.exports = {
  target: 'node',
  mode: 'production',
};

---

webpack.config.js package.json（相关部分）

• main告诉后端和webpack遗留项目使用commonjs格式
• 模块为es6格式
• 取消浏览器的连接
• 文件告诉npm wich要上载的文件

---

这就是我认为它可以用最小的网页配置工作的地方。dist文件夹及其内容由webpack创建

项目目录结构

---

src

--Dog.js

距离

--dog.common.js

--dog.lib.min.js

index.js

import Dog from "./src/Dog";
export {
  Dog
}

package.json

webpack.config.js

module.exports = {
  target: 'node',
  mode: 'production',
};

---

webpack.config.js package.json（相关部分）

• main告诉后端和webpack遗留项目使用commonjs格式
• 模块为es6格式
• 取消浏览器的连接
• 文件告诉npm wich要上载的文件

---

如果我知道怎么做，我就不会问了。导入mine模块的项目如何知道其构建适合其环境？我已经看到package.json的main“…”完成了这项工作，但是如果我知道如何做，那么其他环境又如何呢。导入mine模块的项目如何知道其构建适合其环境？我在package.json的main“…”中看到了这一点，但其他环境又如何呢