javascript - webpack引入css报错
迷茫
迷茫 2017-04-11 13:04:07
[JavaScript讨论组]
    module: {
            loaders: [
                {test: /\.css$/, loader: 'style!css'}
            ]
   }
   上面是配置
   
   require('./index.css');
   这里是引入css文件

ERROR in ./entry.js
Module not found: Error: Can't resolve 'style' in '/Users/zwf/MyBlog'
BREAKING CHANGE: It's no longer allowed to omit the '-loader' suffix when using loaders.
You need to specify 'style-loader' instead of 'style'.
@ ./entry.js 3:0-22
这里是报错

求助

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(4)
PHP中文网

style改成style-loader

巴扎黑

module: {

        loaders: [
            {test: /\.css$/, loader: 'style-loader!css-loader'}//2.0貌似不支持缩写了
        ]

}

PHP中文网

今天弄了下webpack,看了官方文档,按着文档敲都有问题,问题主要是webpack的版本问题。后来发现这篇挺不错的,可以试试。

高洛峰

应该是版本的问题,早前的版本都是可以直接

{test: /\.css$/, loader: 'style!css'}

但是现在的版本就不能这么写,可能是为了规范吧。
现在的写法是

{test: /\.css$/, loader: 'style-loader!css-loader'}

下次再出现报错,你可以尝试着翻译报错。这个报错已经提示你了,不能少了'-loader'后缀哦。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号