小编Pra*_*tal的帖子

我将 CSS 导入为 import './style.css'; 和带有背景 URL 属性的 CSS 中的图像。我想要的是制作一个包，将其发布到 npm 而无需构建，然后将其安装到新的 CRA 中并在那里使用。在反应中使用自制的 npm 包。编译失败。从这里我知道要使用已安装的软件包，现在我必须对其进行转译。但问题是我的 js/jsx 正在从 ES6 转换为 ES5，但图像和 CSS 没有进入新的转换文件夹。

详细信息 我在 Reactjs 中制作了一个包，但在发布源代码后无法使用它，而不是通过构建. 然后我在上面发布了一个问题：在反应中使用自制的 npm 包。编译失败。

现在我可以按照接受的答案中的步骤使用它，即通过使用 babel 转译 ./src。

我仍然遇到的问题是我没有在新的转换位置即 ./lib/src 中获取我的 CSS 和图像。如果我将所有图像和 CSS 文件夹复制到 ./lib/src 中的相应位置。它有效，但我不想手动完成。

关于如何实现这一目标的任何建议。

WEBPACK.CONFIG.JS

module.exports = {
  overrides: [
    {
      test: ["./node_modules/<component_name>"],
      presets: ["@babel/preset-env", "@babel/preset-react"],
      plugins: ["@babel/plugin-proposal-class-properties"]
    }
  ]
};

包.json

{
  "name": "package-test",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@babel/preset-es2015": "^7.0.0-beta.53",
    "@babel/preset-react": …