我是 Razzle 的新手,我正在努力学习它。我拿了一个Material-UI 仪表板应用程序,并试图将它“导入”或“转换”到我的空白 ish razzle 应用程序中。
我在正确的位置将 CRA 应用程序的内容复制./src
到我的 razzle 源中,引用了正确的组件等。
起初,Razzle 不喜欢@import
CRA 回购中的陈述。我通过使用 npm to installrazzle-plugin-scss
解决了这个问题,这让我解决了这个问题。但是现在我遇到了一些我根本不理解的东西(甚至是如何寻找解决方案):
{ Error: Cannot find module 'css-loader/locals'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:649:15)
at Function.resolve (internal/modules/cjs/helpers.js:19:19)
at module.exports (/home/user/my-project/node_modules/razzle-plugin-scss/index.js:106:31)
at runPlugin (/home/user/my-project/node_modules/razzle/config/runPlugin.js:26:10)
at plugins.forEach.plugin (/home/user/my-project/node_modules/razzle/config/createConfig.js:549:16)
at Array.forEach (<anonymous>)
at module.exports (/home/user/my-project/node_modules/razzle/config/createConfig.js:548:13)
at main (/home/user/my-project/node_modules/razzle/scripts/start.js:48:22)
at processTicksAndRejections (internal/process/next_tick.js:81:5) code: 'MODULE_NOT_FOUND' }
我查看css-loader
并发现您(也许?)需要指示它使用exportOnlyLocals: true
webpack 指令导出本地。我不确定如何在 Razzle 中做到这一点。我发现这个页面显示了如何通过 配置它的示例razzle.config.js
,但它假设的知识比我拥有的更多。
如何在 Razzle 中配置 webpack 以...做某事?...告诉底层的 webpack 插件css-loader
加载本地人?
任何帮助深表感谢。
更新
看起来这是由css-loader
移动到v2.0.0
. 我仍然不知道解决方案是什么,但这让我更接近了。