刚接触 webpack。试图让 sass-loader 与我的 React 项目一起玩得很好,已经遵循教程。配置似乎正确,但结果总是“无法解析 'sass-loader'”。
我怀疑这是一些非常明显的错误,但我还没有进行多少搜索或谷歌搜索。任何帮助表示赞赏。
错误
ERROR in ./ui/index.js
Module not found: Error: Can't resolve 'sass-loader' in '/root/src'
@ ./ui/index.js 19:0-33
@ multi webpack-hot-middleware/client?reload=true babel-polyfill ./ui/index.js
Run Code Online (Sandbox Code Playgroud)
到目前为止我所做的(在所说的预先存在的反应项目上):
npm i --save-dev node-sass sass-loader
package.json,在 devDependencies 下
"node-sass": "^4.7.2",
"sass-loader": "^6.0.6",
"webpack": "~2.2.1",
"webpack-dev-middleware": "~1.12.0",
"webpack-hot-middleware": "~2.20.0",
"webpack-node-externals": "~1.6.0"
Run Code Online (Sandbox Code Playgroud)
索引.js
import React from 'react';
import ReactDOM from 'react-dom';
import { HashRouter } from 'react-router-dom';
import App from './src/App';
require('./src/styles/main.scss');
ReactDOM.render(<HashRouter><App /></HashRouter>,
document.getElementById('root'));
Run Code Online (Sandbox Code Playgroud)
webpack.config.react.js:
const path = require('path');
const webpack …Run Code Online (Sandbox Code Playgroud)