webpack学习二

webpack 打包css

安装

npm install css-loader style-loader -g

##开始

  1. 工程还为上一个工程,在工程下添加一个文件style.css
    `body{
    backgroud:yellow;
    
    }`
  2. 更新entry.js,添加一行 require("!style!css!./style.css") document.write(require("./content.js"));
  3. 运行webpack ./entry.js bundle.js
  4. 浏览器打开 index.html 查看,背景已经改变

    命令加入文件扩展

    css项我们肯定不想每次都那么些,所以可以在运行命令时绑定文件扩展
  5. 修改入口文件entry.js require("./style.css"); document.write(require("./content.js"))
  6. 运行命令webpack ./entry.js bundle.js --module--bind 'css=style!css' css文件绑定模块style
  7. 浏览器运行,ok

下一篇,webpack配置文件