#css #reactjs #webpack #react-hooks
Вопрос:
У меня тоже есть файл .babelrc, но это произошло, когда я создал файл css и попытался добавить в него стиль импорта в своем компоненте
Meu webpack.config.js
const HtmlWebPackPlugin = require("html-webpack-plugin"); module.exports = { module: { rules: [ { test: /.js|.jsx$/, exclude: /node_modules/, use: { loader: "babel-loader", } }, { test: /.html$/, use: [ { loader: "html-loader" } ] } ] }, plugins: [ new HtmlWebPackPlugin({ template: "./public/index.html", filename: "./index.html" }) ] }
Meu package.json
{ "name": "axur-project", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "start": "webpack serve --open --mode development", "build": "webpack --mode production", "test": "echo "Error: no test specified" amp;amp; exit 1" }, "keywords": [], "author": "", "license": "ISC", "dependencies": { "axios": "^0.23.0", "express": "^4.17.1", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "^5.58.2", "webpack-cli": "^4.9.0" }, "devDependencies": { "@babel/core": "^7.15.8", "@babel/preset-env": "^7.15.8", "@babel/preset-react": "^7.14.5", "babel-loader": "^8.2.2", "html-loader": "^2.1.2", "html-webpack-plugin": "^5.4.0", "nodemon": "^2.0.13", "webpack-dev-server": "^4.3.1" } }
Может быть, мне нужно добавить какие-то зависимости или выполнить какую-то установку чего-то, чего я действительно не знаю, чего не хватает, потому что я пытался что-то найти, и мне ничего не помогло