tailwind.css ⇒ ‘@’불러와 지지 않는 오류

🚫 tailwind.css 구성에서 ‘@’불러와 지지 않는 오류 가 생겼다.

 

이유

정규표현식 오류, 모듈을 한꺼번에 넣다보니 오류가 생김

 

해결

//common.js

const { resolve } = require("node:path");
const babelLoader = require("./loaders/babel");
const { sassLoader } = require("./loaders/styles");

const commonConfig = {
  target: "browserslist",
  resolve: {
    extensions: ".ts .tsx .js .jsx .json .wasm".split(" "),
  },
  entry: {
    main: resolve("src/main.tsx"),
  },
  module: {
    rules: [babelLoader, sassLoader].filter(Boolean),
  },
};

module.exports = commonConfig;

//common.js

const { resolve } = require("node:path");
const babelLoader = require("./loaders/babel");
const { sassLoader } = require("./loaders/styles");

const commonConfig = {
  target: "browserslist",
  resolve: {
    extensions: ".ts .tsx .js .jsx .json .wasm".split(" "),
  },
  entry: {
    main: resolve("src/main.tsx"),
  },
  module: {
    rules: [babelLoader, sassLoader].filter(Boolean),
  },
};

module.exports = commonConfig;