开发者社区> 问答> 正文

webpack编译less出错?报错

 问题描述:使用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']
            },

 

展开
收起
爱吃鱼的程序员 2020-06-07 16:47:53 812 0
1 条回答
写回答
取消 提交回答
  • https://developer.aliyun.com/profile/5yerqm5bn5yqg?spm=a2c6h.12873639.0.0.6eae304abcjaIB
                        <p>已解决,去掉extract-loader。</p>
    

    分析:

    extract-loader是将后一个loader返回的代码放在一个沙盒中运行。style-loader返回的代码中包含一些特殊的全局变量而这个沙盒并没有提供定义所以运行失败。

    2020-06-07 16:48:08
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
基于webpack和npm的前端组件化实践 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载