Я пытаюсь преобразовать HTML-шаблон в приложение ReactJs.Все отлично работает с
<link rel="stylesheet" href="%PUBLIC_URL%/css/styles-merged.css">
в файле public\index.html
, но когда я перемещаю файл style.min.css
из public\css folder
в src\index.js
, он не работает.Я уверен, что я делаю ошибку новичка.Что я делаю неправильно?
Структура файла
public
index.html
src
index.js
app.js
css
style.min.css
fonts
glyphicons-halflings-regular.eot
Ошибка:
./src/index.js Module not found: Can't resolve 'css/style.min.css' in 'c:\projects\sample\src'
файл public \ index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--<link rel="stylesheet" href="%PUBLIC_URL%/css/styles-merged.css">-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
</head>
<body>
<div id="root"></div>
</body>
</html>
src \ index.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import registerServiceWorker from './registerServiceWorker';
import 'css/style.min.css';
ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();