ERROR in ./src/css/index.less 3:3Module parse failed: Unexpected token (3:3)You may need an approp

hacalili

于 2022-02-27 18:35:37 发布

阅读量726

点赞数

分类专栏： Node.js webpack 文章标签： css less 前端

本文链接：https://blog.csdn.net/weixin_42541725/article/details/123167886

版权

Node.js 同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

webpack

8 篇文章 0 订阅

订阅专栏

问题：

运行npm run dev报错

ERROR in ./src/css/index.less 3:3
Module parse failed: Unexpected token (3:3)
You may need an appropriate loader to handle this file type,

解决：

安装和配置 less-loader加载器

步骤：

cmd中安装：

npm i less-loader@10.0.1 less@4.1.1 -D

webpack.config.js中修改：

// 使用node.js中的导出语法，向外导出一个webpack的配置对象
module.exports = {
    // ......

    module: {
        rules: [
            // 定义了不同模块对应的loader
            {
                test: /\.css$/,
                use: [
                    'style-loader',
                    'css-loader'
                ]
            },
            {
                test: /\.less$/,
                use: [
                    'style-loader',
                    'css-loader',
                    'less-loader'
                ]
            }
        ]
    }

}