webpack 打包css出現問題,不知哪里出問題了


利用命令全局下安裝了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'
后頁面顯示效果如下:

怎么解決呢?

9 个解决方案

#1


忘了寫 runoob2.js 中的代碼:
module.exports = "It works from runoob2.js."; 

#2



命令截圖

#3


我是按照這個文檔來操作的。 http://www.runoob.com/w3cnote/webpack-tutorial.html

#4


執行命令:
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'

#5


引用 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'
試了 不行 還是報同樣的錯。

#6


樓主怎么解決的 可以分享下嗎

#7


樓主最后怎么解決的

#8


win系統,單引換成雙引

#9


樓上正解,雙引號l就可以了webpack runoob1.js bundle.js --module-bind "css=style-loader!css-loader"

注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
  © 2014-2022 ITdaan.com 联系我们: