我刚开始使用ReactJs创建电子桌面应用程序。启动应用程序时,我不断收到此webpack构建警告。
ModuleConcatenation bailout: Cannot concat with ./node_modules/@ant-design/create-react-context/lib/index.js (<- Module is not an ECMAScript module)
ModuleConcatenation bailout: Cannot concat with ./node_modules/ant-design-palettes/lib/index.js (<- Module is not an ECMAScript module)
ModuleConcatenation bailout: Cannot concat with ./node_modules/babel-runtime/helpers/classCallCheck.js (<- Module is not an ECMAScript module)
ModuleConcatenation bailout: Cannot concat with ./node_modules/babel-runtime/helpers/createClass.js (<- Module is not an ECMAScript module)
ModuleConcatenation bailout: Cannot concat with ./node_modules/babel-runtime/helpers/defineProperty.js (<- Module is not an ECMAScript module)
ModuleConcatenation bailout: Cannot concat with ./node_modules/babel-runtime/helpers/extends.js (<- Module is not an ECMAScript module)
ModuleConcatenation bailout: Cannot concat with ./node_modules/babel-runtime/helpers/inherits.js (<- Module is not an ECMAScript module)
ModuleConcatenation bailout: Cannot concat with ./node_modules/babel-runtime/helpers/objectWithoutProperties.js (<- Module is not an ECMAScript module)
ModuleConcatenation bailout: Cannot concat with ./node_modules/babel-runtime/helpers/possibleConstructorReturn.js (<- Module is not an ECMAScript module)
...
这是我的webpack配置
const rpath = require("path")
module.exports = {
entry: "./src/index.js",
devtool:"source-map",
output: {
path: rpath.join(__dirname, "./dist"),
filename: "bundle.js"
},
module:{
rules:[
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
loaders: ["babel-loader"]
},
{
test: /\.(css|scss)$/,
exclude:/node_modules/,
loaders: ["style-loader", "css-loader"]
}
]
},
node: {
__dirname: false,
__filename: false
},
target: 'electron-renderer'
}
我的babel配置
{
"presets": [["@babel/preset-env", {"modules":false}], ["@babel/preset-react"]],
"plugins": ["transform-class-properties"]
}