开发者社区> 问答> 正文

webpack打包css报错

1547628883_1_1547628964_1_

配置代码:
const path = require('path');

const config = {

entry: './src/index.js',
output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist')
},
module: {
    rules: [
        {
            test: /\.css$/,
            use: [
                'style-loader',
                'css-loader'
            ]
        }
    ]
}

}

运行报错信息:
ERROR in ./src/style.css 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.

.hello{
| color:red;

| }
@ ./src/index.js 2:0-21

展开
收起
zayswdwy520 2019-01-16 16:58:01 3728 0
3 条回答
写回答
取消 提交回答
  • S_HRWPRXN_9_KG_BF_VXH28
    我也遇到同样的问题

    2019-07-17 23:25:40
    赞同 展开评论 打赏
  • 首先, 这个错误是说 webpack 打不到合适的 loader, 但根据你配置的 loader, 加载 .css 是应该能正常的. 要排查问题, 需要看到你的代码具体是怎样引用的.

    一般来说, 这个错误最常见的是 require 或 import 时, 要引用资源的扩展名写错了, 请自查一下, 或给出具体的代码.

    2019-07-17 23:25:40
    赞同 展开评论 打赏
  • 阿里前端弘树,关注 Web 前端技术,折腾过前端工程化、React Native、Hybrid 架构,目前在数据分析与数据可视化的学习道路上

    看配置没有什么问题,确认下 css-loader 和 style-loader 都有安装吗?最好贴一下 package.json 文件内容

    2019-07-17 23:25:40
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
基于webpack和npm的前端组件化实践 立即下载
WEB浏览器中即将发生的安全变化 立即下载