React-webpack-css 파일 import

832 단어
  • 먼저 설치npm i css-loader
  • 그리고 웹팩을 수정합니다.conf 모듈-rules 규칙 증가
  • module.exports = {
        entry: './src/index.js', //    
        output: {
            filename: 'bundle.js', //      
            path: path.resolve(__dirname, 'dist')
        },
        module: {
            rules: [
                {
                    test: /\.css$/,
                    loader: ['css-loader']
                }
            ]
        },
        mode: 'development',
        devServer: {
            contentBase: path.join(__dirname, "dist"), //          
            compress: true,
            port: 9000 //         
        }
    }
    
  • 사용import css from 'codemirror/lib/codemirror.css'
  • 모든 것을 간단하게 하기 위해 노력하다
    만약 글의 오류를 발견한다면, 댓글을 아낌없이 남겨서 바로잡아 주십시오.도움이 된다면 마음에 드십시오.유용하다고 생각하시면 전재를 환영합니다~
    END

    좋은 웹페이지 즐겨찾기