Question

我试图打造一个反应部分。为了做到这一点,我正在进口一个特别安全局的文件,并使用statName,如React文件所示。

我在我的web Pack.conf.js上添加了一台单体载荷+风格载荷。档案如下:

const path = require( path )
const HtmlWebpackPlugin = require( html-webpack-plugin );

module.exports = {
  mode: "development",
  entry: "../src/index.js",
  output: {
    path: path.resolve(__dirname, "../dist"),
    filename: "bundle.js",
  },
  devtool:  inline-source-map ,
  devServer: {
    contentBase:  ../dist ,
    port: 8080
  },
  module: {
    rules: [
      {
        test: /.js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader:  babel-loader ,
          options: {
            presets: [ @babel/preset-env ,  @babel/preset-react ]
          }
        }
      },
      {
        test: /.css$/,
        use: [  style-loader ,  css-loader  ]
      }
    ]
  },
  plugins: [new HtmlWebpackPlugin(
    {template:  ../src/index.html }
  )]
}

页: 1 反应部分:

import React, {Component} from "react"
import "./App.css"

const App = () => (
  <div className="hello-world">Hello World</div>
)

export default App

我的App.css文档:

.hello-world{
  color: "#272C35"
}

由于房地产加价出现在开发工具中,因此,我的核心要素被正确地装上。但出于某种原因,价值被标为不正确:

Answer 1

你不需要在CSS档案中引述六dec英的彩色价值。

Answer 2

The same happened here, because I was writing CSS under MUI (Material UI) on directly on the componentes, and forgot about the unnecessary quotes.

友情链接