Question

我在github上创建了组件和辅助函数的共享仓库。

我将其作为我的React项目中的node_module导入。

$ yarn add git+ssh.../my_shared_stuffs

import OneComponent from "my_shared_stuffs/OneComponent"

与scss和函数配合正常，但是.jsx元素出现错误：

Module build failed (from ./node_modules/babel-loader/lib/index.js):

每个div，组件，...周围都有一些SyntaxError。

在我的webpack配置中，我尝试过类似的操作：

module: {
rules: [
  {
    test: /\.(js|jsx)$/,
    use: ['babel-loader'],
    include: [
      path.resolve(__dirname, "./src"),
      path.resolve(__dirname, "./node_modules/my_shared_stuffs")
    ]
  },

这有什么问题吗？

我的.babelrc：

{
  "presets": ["@babel/preset-env", "@babel/preset-react"],
  "plugins": [
    "@babel/plugin-syntax-dynamic-import",
    "react-loadable/babel",
    "@babel/plugin-transform-property-literals",
    "@babel/plugin-transform-member-expression-literals",
    "@babel/plugin-transform-regenerator"
  ]
}

Answer 1

在可能的情况下，这是webpack配置中的一种解决方案：

...

v1<-c(1,2,4,7,9,12,34,56,43)
v2<-c(4,4,9,56,73,457,12,12,5585)
v3<-c(7,7,43,124,415,552,552,12525,99)
v4<-c(2,2,1,2,1,1,2,2,2)
df.solution<- data.frame(v1,v2,v3,v4)

webpack可以在node_modules内编译.jsx吗？

1 个答案: