webpack hello.js hello.bundle.js --module-bind 'css=style-loader!css-loader' (这个是啥情况)

Question

Hash: d5e2bda23e9f8818e792

Version: webpack 1.12.3

Time: 911ms

          Asset     Size  Chunks             Chunk Names

hello.bundle.js  10.4 kB       0  [emitted]  main

   [0] ./hello.js 174 bytes {0} [built]

   [1] ./word.js 39 bytes {0} [built]

    + 3 hidden modules

ERROR in ./~/css-loader!./~/style-loader!./~/css-loader!./style.css

Module build failed: Unknown word (5:1)

  3 | // load the styles

  4 | var content = require("!!./node_modules/css-loader/index.js!./style.css");

> 5 | if(typeof content === 'string') content = [[module.id, content, '']];

    | ^

  6 | // add the styles to the DOM

  7 | var update = require("!./node_modules/style-loader/addStyles.js")(content, {});

  8 | if(content.locals) module.exports = content.locals;

 @ ./~/style-loader!./~/css-loader!./style.css 4:14-145

Answer 1

看样子是在打包style.css时报出的错误 var content = require("!!./node_modules/css-loader/index.js!./style.css");这句话已经是指定用css-loader来处理style.css, 貌似写的有问题，另外在使用webpack指令时没必要再指定loader可以直接写成这样 var content = require("style!css!/style.css"); webpack hello.js hello.bundle.js