There is a problem when jsx introduces a public js file in react.

1.weboack.config.js

{
    test: /\.js$/,
    exclude: /node_modules/,
    loader: "babel-loader",
    query: {
        presets: ["es2015", "babel"]
    }
},

2.common.js

var font={
    remFont:function(){
        alert(1)
    }
}
export default font

3.jsx

import font from "../common.js"

I wanted to introduce a public js file into the jsx file, but now the page error is

what I found was that the babel in webpack.config was changed to babel-loader, but my webpack.config was babel-loader from the beginning. May I ask what caused this?

Babel react.js

Mar.21,2021

configure parsing using babel core

Previous: How to reference the js method in external links in a vue single page file

Next: Deploy tomcat on Google Cloud platform

React projects report errors in non-chrome browsers
computer version of Safari, Firefox reports an error: Safari: chrome browser is completely normal, and no other browsers can be used. import { combineReducers ,createStore,applyMiddleware,compose} from redux import thunk from redux-thunk i...

Webpack babel react.js

Feb.28,2021
What is the problem with the configuration of transform-class-properties?
transform-class-properties mainly solves the problem that is not supported by defaultProps= {} in the declaration of using class in es6. needs to be escaped using stage-0 or the plug-in. < H2 > question: < H2 > { spec:true false } < H2 > refere...

Babel react.js

Mar.07,2021
How do I get babel-polyfill to load on demand?
babel-polyfill can make us happy to use es6 , es7 API , but often only part of these API are used in the project, and a babel-polyfill is compressed with a size of nearly 100k, which is really scary. for example, I want Promise to be used ...

Webpack babel react.js react-native es6

Oct.26,2021
React express server rendering css @ import reports an error
the project can be started normally using webpack s devServer. After configuring ssr, css @ import reported an error express configuration import @babel polyfill import React from react ; import {renderToString} from react-dom server ; imp...

Express babel react.js

Apr.30,2022