webpack编译less出错?报错-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

webpack编译less出错?报错

爱吃鱼的程序员 2020-06-07 16:47:53 111

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

 

前端开发
分享到
取消 提交回答
全部回答(1)
  • 爱吃鱼的程序员
    2020-06-07 16:48:08
                        <p>已解决,去掉extract-loader。</p>
    

    分析:

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

    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程