webpack 打包css出现问题,不知哪里出问题了

ylhsuper 2017-05-03 11:10:14
利用命令全局下安装了css-loader 和 style-loader;
在打包时候出现问题:
代码如下:
index.html:
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script type="text/javascript" src="bundle.js" charset="utf-8"></script>
</body>
</html>

runoob1.js
require("./main.css");
document.write(require("./runoob2.js"));

main.css
body {
background: yellow;
}

执行完命令 webpack runoob1.js bundle.js --module-bind 'css=style!css'
后页面显示效果如下:

怎么解决呢?
...全文
1265 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
从小就很呆 2017-08-06
  • 打赏
  • 举报
回复
楼上正解,双引号l就可以了webpack runoob1.js bundle.js --module-bind "css=style-loader!css-loader"
丞丶 2017-08-02
  • 打赏
  • 举报
回复
win系统,单引换成双引
Jamie1307 2017-07-17
  • 打赏
  • 举报
回复
楼主最后怎么解决的
土豆丿大侠 2017-07-12
  • 打赏
  • 举报
回复
楼主怎么解决的 可以分享下吗
ylhsuper 2017-05-09
  • 打赏
  • 举报
回复
引用 4 楼 dreamerjdw 的回复:
执行命令: webpack runoob1.js bundle.js --module-bind 'css=style!css' 我记得上面是1的写法,webpack2必须要把loader写全 webpack runoob1.js bundle.js --module-bind 'css=style-loader!css-loader'
试了 不行 还是报同样的错。
dreamerjdw 2017-05-04
  • 打赏
  • 举报
回复
执行命令: webpack runoob1.js bundle.js --module-bind 'css=style!css' 我记得上面是1的写法,webpack2必须要把loader写全 webpack runoob1.js bundle.js --module-bind 'css=style-loader!css-loader'
ylhsuper 2017-05-03
  • 打赏
  • 举报
回复
我是按照这个文档来操作的。http://www.runoob.com/w3cnote/webpack-tutorial.html
ylhsuper 2017-05-03
  • 打赏
  • 举报
回复

命令截图
ylhsuper 2017-05-03
  • 打赏
  • 举报
回复
忘了写 runoob2.js 中的代码:
module.exports = "It works from runoob2.js."; 

10,606

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 其他
社区管理员
  • 其他
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧