开发者社区> 问答> 正文

webpack编译less出错 400 请求报错 

 问题描述:使用webpack编译并提取less文件时报错

ERROR in ./src/css/studio.less Module build failed: TypeError: require(...) is not a function at D:\Projects\Sprite\workflow-studio\src\css\studio.less:16:74 at ContextifyScript.Script.runInContext (vm.js:35:29) at ContextifyScript.Script.runInNewContext (vm.js:41:15) at Object.extractLoader (D:\Projects\Sprite\workflow-studio\node_modules\extract-loader\lib\extractLoader.js:88:12)
webpack配置如下:
       { test:/.less$/, use: [ 'file-loader', 'extract-loader','style-loader', 'css-loader','less-loader'] },
 

展开
收起
kun坤 2020-05-30 22:07:00 528 0
1 条回答
写回答
取消 提交回答
  • 已解决,去掉extract-loader。 分析: extract-loader是将后一个loader返回的代码放在一个沙盒中运行。style-loader返回的代码中包含一些特殊的全局变量而这个沙盒并没有提供定义所以运行失败。

    2020-05-30 22:07:05
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
基于webpack和npm的前端组件化实践 立即下载
WEB浏览器中即将发生的安全变化 立即下载
低代码开发师(初级)实战教程 立即下载