webpack加載css文件

Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.

css-loader-error.png

css-module-parse.png

webpack無法正確加載css文件，需要在webpack.config.ts中加入css-loader

// 首先要安裝style-loader css-loader
npm install --save-dev style-loader css-loader

修改配置

 module: {
    rules: [
      {
         /** 其它loader  **/
      },
      {
        test: /\.css$/,
        exclude: /node_modules/,
        use: ['style-loader', 'css-loader'],
      },
    ],
  },

Eslint忽略css文件

[unknown]: Parsing error: ';' expected.

css-parse-error.png

修改webpack.config.ts，配置eslint不檢查css文件

plugins: [
    new ForkTsCheckerWebpackPlugin({
      async: false,
      eslint: {
        files: ['./src/**/*.js', './src/**/*.ts', './src/**/*.tsx'],
      },
    }),
  ],